整个网页变灰色,在IE下可以用下面的CSS解决:
但是非IE浏览器,比如Chrome、firefox等没有IE自带的滤镜,那又如何做网页变灰效果呢?在网上发现一个能实现这个效果的js,这里分享一下,先来看看效果:[url=http://www.nowamagic/librarys/veda/detail/825]Demo 入口[/url]。
使用起来相当简单:
虽然页面是变灰了,不过蛮灰的过程有点慢,估计应该是系统资源消耗是有些大了。
Chrome下还好,1-2秒左右,Firefox下则停顿时间好长。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
但是非IE浏览器,比如Chrome、firefox等没有IE自带的滤镜,那又如何做网页变灰效果呢?在网上发现一个能实现这个效果的js,这里分享一下,先来看看效果:[url=http://www.nowamagic/librarys/veda/detail/825]Demo 入口[/url]。
使用起来相当简单:
/*
window.onload = function() {
grayscale(document.getElementsByTagName('html'));
};
*/
function gray_change(){
grayscale(document.getElementsByTagName('html'));
}
function reset_color(){
window.location.reload();
}
虽然页面是变灰了,不过蛮灰的过程有点慢,估计应该是系统资源消耗是有些大了。
Chrome下还好,1-2秒左右,Firefox下则停顿时间好长。
更多推荐
在Chrome/Firefox等非IE浏览器让网页变灰效果
发布评论