简单实现网站变灰的代码（JS）

最新推荐文章于 2023-02-08 16:33:01 发布

wsrjzhsy0493

最新推荐文章于 2023-02-08 16:33:01 发布

阅读量700

点赞数

分类专栏： js 文章标签： JavaScript Microsoft IE XHTML HTML ViewUI

本文链接：https://blog.csdn.net/wsrjzhsy0493/article/details/83396319

版权

js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

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

<script type="text/javascript">
var ht = document.getElementsByTagName("html")[0];
ht.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
</script>
（只支持ie）

完整示例：

<!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">
<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">...

var ht = 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">

那么你可以用：

<script type="text/javascript">
var ht = document.getElementsByTagName("body")[0];
ht.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
</script>

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