整个网页变灰色,在IE下可以用下面的CSS解决:
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
但是非IE浏览器,比如Chrome、firefox等没有IE自带的滤镜,那又如何做网页变灰效果呢?在网上发现一个能实现这个效果的js,这里分享一下,先来看看效果。
使用起来相当简单:
/* window.Onload= function() { grayscale(document.getElementsByTagName('html')); }; */ function gray_change(){ grayscale(document.getElementsByTagName('html')); } function reset_color(){ window.location.reload(); }
虽然页面是变灰了,不过蛮灰的过程有点慢,估计应该是系统资源消耗是有些大了。如果你有兴趣,可以继续参考下面网址。
本文地址:http://www.nowamagic.net/librarys/veda/detail/825,欢迎访问原出处。