哀悼舟曲,网站变灰方法

2010年8月7日夜22点左右,甘肃甘南藏族自治州舟曲县发生特大泥石流,截至14日16时,泥石流致使1239人遇难,505人失踪,住院66人,解救1243人。8月15日上午,甘肃省在舟曲县举行哀悼活动,对在舟曲泥石流灾害中的遇难同胞表示哀悼。中国和驻外使领馆,香港,澳门均下半旗志哀,并停止公共娱乐活动。

作为互联网应用的各大网站纷纷响应,均把网站变为灰色,用以哀悼,愿逝者安息。

使网站变灰的方法很多。现在总结一下。

方法一:

在网页head内插入

<style type="text/css">html {filter:Gray;}body{filter:Gray;}</style>

或者在网站的css风格文件内插入

html {filter:Gray;}body{filter:Gray;}

要是网站所使用的 Flash 也变成会在,需要找到调用 Flash 的地方,在object内插入

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

有一些站长的网站可能使用这个css不能生效,是因为网站没有使用最新的网页标准协议:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

请将网页最头部的<html>替换为以上代码。

方法二:

在网页head内插入

<style type="text/css">
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
body{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

或者在网站的css风格文件内插入

html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
body{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

要是网站所使用的 Flash 也变成会在,需要找到调用 Flash 的地方,在object内插入

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

有些网站可能使用这个css不能生效,是因为网站没有使用最新的网页标准协议:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

请将网页最头部的<html>替换为以上代码。

方法三:

这种方法最简单,就是找到body这个部分,在body的后面紧接着写入<body style=”FILTER:Gray;”>,然后确定修改,刷新首页就看到灰色了。

方法四:

以上三种方法,都是调用 MS IE 的 Filter 渲染,但是这个方法却无法让使用 firefox , opera 等非 IE 浏览器的用户看到网站变黑。

有没有兼容所有浏览器使网站变黑的方法呢?

有。JavaScript能做到,早就有人用js模拟了ie的gray滤镜,如果你感兴趣并且愿意看英文,可以去看看《“GRAYSCALING” IN NON-IE BROWSERS》。如果你不愿意看,那就直接按照下面的步骤去做吧。

1、下载grayscale.js文件,并将其放在 jscrtipt 文件夹(其实放那个文件夹无所谓,看你在第二步的时候调用正确了,就好了。)

2、在你的header里引用这个js文件

<script type="text/javascript" src="../include/jscript/grayscale.js"></script>

这里 “../include/jscript/grayscale.js” 是你调用存放的 js 文件的地址。你也可以这样写,然后直接调用远程文件.

<script type="text/javascript" src="http://james.padolsey.com/demos/grayscale/grayscale.js"></script>

3、要实现全站灰度,在onload事件中调用

grayscale(document.body);

也就是说,如果你的 body 起始标签为 <body> 你就需要改成

<body onload=grayscale(document.body)>

注:方法是因为是调用 JS 渲染,所以,效果都是等待整个网页下载助理完,才会变黑的,所以在刷新的时候,前段时间,还是原来网站的风格。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>