快速让你的网站变灰的js特效(如csdn的博客)，不用修改图片等-优快云博客

本文介绍了一种使网页在Internet Explorer浏览器中显示为灰度效果的方法，并提供了适用于不同情况的代码示例。同时，还展示了如何插入谷歌广告代码。

非常简单，在网页中增加如下代码：

< scripttype = " text/javascript " >

var ht = document.getElementsByTagName( " html " )[ 0 ];

ht.style.filter = " progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) " ;

</ script >

（只支持ie）

在文字较多的时候，用下面广告，较少时去掉div：

完整示例：

<! DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >

< head >

</ head >

< body >

< img id ="img1" src ="http://blog.readnovel.com/image/style/logo_blogrn.gif" alt ="文学博客" />

< font color ="red" > dsfsf </ font >

</ body >

</ html >

< script type ="text/javascript" > ...

varht=document.getElementsByTagName("html")[0];

ht.style.filter="progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";

</ script >

如果您的网页顶部没有加：

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

那么你可以用：

< scripttype = " text/javascript " >

var ht = document.getElementsByTagName( " body " )[ 0 ];

ht.style.filter = " progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) " ;

</ script >

赶紧加一下吧，为地震中遇难同胞哀悼……

注：csdn博客的"空间设置"->"公告"中支持javascript代码，把上面代码拷贝进去即可，如我的博客：