\r\n\t
Javascript\">
\r\n\t
window.onload=function(){  //网页变黑白
\r\n\t
grayscale(document.body); 
\r\n\t
}
\r\n\t
\r\n\t
\r\n\t\t

点击下载grayscale.js

\r\n\t\t

 

\r\n\t\t注:src=\"{PE.SiteConfig.applicationpath /}JS/grayscale.js\" 根据实际路径填写。
\r\n\t
但有个缺点:非IE浏览器下无法对背景图片和外部域名图片进行灰白过滤。
\r\n\t
 
\r\n\t
将相应代码放在模板中,举例子:将代码放在首页模板中,如下图:
\r\n\t
\r\n\t
 
\r\n\t
变成灰白色效果图:
\r\n\t
\r\n\r\n", "copyrightHolder": "网络" }

实现网页变灰白

来源:网络 点击数: 发布时间:2012年05月29日
问题描述:如何使网站均变成黑白色调。
问题分析在网上查阅相关的资料, IE浏览器可直接用滤镜进行,在火狐/Chrome等
览器则用JS来实现
解决办法
IE浏览器,可直接用滤镜进行,只要在CSS中加行网页黑白代码即可:
html { filter:progid:DXImageTranorm.Microsoft.BasicImage(grayscale=1); }
或者:*{filter:gray; color:gray;}
如果没有CSS文件,可直接使用:
 
动画图片变灰白,可在FLASH代码的和之间插入:value="false" name="menu"/> value="opaque" name="wmode"/>即可。
 
注意:以上只针对IE浏览器,并且网页使用标准协议,即网页头为:
 ""> 
 形式。
 
下面讲下兼容火狐/Chrome等浏览器的网页灰白/黑白代码:
src="{PE.SiteConfig.applicationpath /}JS/grayscale.js">
Javascript">
window.onload=function(){  //网页变黑白
grayscale(document.body); 
}

点击下载grayscale.js

 

注:src="{PE.SiteConfig.applicationpath /}JS/grayscale.js" 根据实际路径填写。
但有个缺点:非IE浏览器下无法对背景图片和外部域名图片进行灰白过滤。
 
将相应代码放在模板中,举例子:将代码放在首页模板中,如下图:
 
变成灰白色效果图: