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

最新推荐文章于 2021-12-22 16:55:13 发布

iteye_21064

最新推荐文章于 2021-12-22 16:55:13 发布

阅读量147

点赞数

文章标签： JavaScript Google 公告 Microsoft IE ViewUI

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

< 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代码，把上面代码拷贝进去即可，如我的博客：

关注