提问---鼠标滑过黑白变彩色

vivi12

在制作网站的过程中，遇到一个难题，请高人指点一下吧

http://xnhecs2.shsx7.515ip.net/iidius/neiye1.html

如图中左侧的插图这般，实现了插图是黑白的，但鼠标滑过便出现了原有的色彩

现在发现这一效果只在ie下有用，chrome下没有反应，还是彩色的

制作人员找了半天代码都没有发现，请问有解决办法吗，谢谢了

vivi12

     多谢版主审核

上官无忌

JQ来实现吧..

http://webdesignerwall.com/demo/html5-grayscale/

憨吃迷糊睡

1）IE下有效，Chome下无效的大体原因如下：
原来网页的思路是，在页面启动时，调用自定义的correctPNG函数，修改扩展名为"PNG"的文件的动作

页面启动时，使用了下面这样的IE专用的处理
window.attachEvent("onload", correctPNG);

实际上Chome支持的页面启动处理应该是下面这个样子
window.addEventListener("load", correctPNG , false);

具体的说明，可以参考下面的网页：
http://www.gesource.jp/programming/javascript/20050914.html

2）如果上面的步骤OK了，至少可以在Chome下，在页面启动时，成功的调用correctPNG函数
但是由于这个自定义函数里面使用了大量的微软专用的技术，非要移植到Chome下，可能得重写函数了
所以，还是上官无忌提示的方法最为简单

关于启动顺序，迷糊改写的代码添付上，供参考；请注意，由于没改写correctPNG函数，所以动作还不是楼主期待的

IIDIUS.zip (206 KB, 下载次数: 2)

2012-8-17 10:54 上传

点击文件名下载附件

hina1115

A IMG {

    opacity : 0.4;
    filter: alpha(opacity=40); // msie
    background-color: #000;

}
A:hover IMG {FILTER:none;
}

vivi12

上官无忌 发表于 2012-8-17 06:25
JQ来实现吧..

http://webdesignerwall.com/demo/html5-grayscale/

高人！您这个真的可以，还不是且换两张图的那种，我让制作人员看一下，谢谢

vivi12

憨吃迷糊睡 发表于 2012-8-17 10:54
1）IE下有效，Chome下无效的大体原因如下：
原来网页的思路是，在页面启动时，调用自定义的correctPNG函数 ...

谢谢版主，写了一大堆，我让制作人员看一下

vivi12

hina1115 发表于 2012-8-17 11:30
A IMG {

    opacity : 0.4;

谢谢，我让制作人员看一下

憨吃迷糊睡

提问--鼠标滑过黑白转彩色的效果
http://www.incnjp.com/thread-2149498-1-1.html

以后不许一贴多发啦哈，在论坛里属于比较严重的违规行为

vivi12

憨吃迷糊睡 发表于 2012-8-17 14:28
提问--鼠标滑过黑白转彩色的效果
http://www.incnjp.com/thread-2149498-1-1.html

知道了，谢谢你放过我，哈哈