网页中图片去色问题

网页中图片去色问题

网页中经常需要一种js效果，就是鼠标经过某张图片，图片去色。为了不加载两张图片（一张彩色和一张灰色），在网上找到了一些方法。

方案一：使用grayscale.js

可以使用grayscale.js来实现图片的去色，但是有个缺点就是它可以实现鼠标经过图片去色，但是实现不了鼠标移开之后，图片恢复颜色。

<script src="http://james.padolsey.com/demos/grayscale/grayscale.js" type="text/javascript"></script>

使用demo:
<script type="text/javascript">
window.οnlοad=function(){ 
grayscale(document.body); 
}
</script> 

效果如下图：

没有执行函数之前：

 

执行函数之后：