文档介绍:javascript实现IE、Firefox兼容的图片渐变功能(作者:-mark)需求:由于某网站需要实现图片播放器功能,图片跳动显示效果不是很好,所以mark想如果图片渐变显示,效果应该会不错,所以今天花了一点时间来实现。过程:好久没写过代码了,特别是JS代码,以前也很少写,今天下午搞起来真是头痛,只能找找各位朋友的资料,边学边做,最终还是初步实现。涉及知识点:1。javascript中滤镜filter使用2。IE、Firefox兼容问题处理3。Firefox中如何延时处理问题所在滤镜filter,,,具体功能请各位朋友自己搜寻一下资料,这里不多说了。滤镜filter主要是在IE使用,这样出现了Firefox里不能使用,所以当mark看到Firefox可以设置图片的透明度时,想到可以通过时间控制来实现渐变效果,这又产生了如何进行时间控制的问题。解决过程:1。测试IE下滤镜filter的正常使用a)在图片中添加滤镜:<imgsrc=""id="myid"style="filter:blendTrans(Duration=2);">代码解释:blendTrans:滤镜中的一种,产生淡入淡出的效果;Duration=2:设置变换时间,如设置2秒,即图片会在2秒内完全显示。b)获取图片对象:varimg=('myid');;c)使用显示:[0].Apply();[0].Play();代码解释:filters[0]为获取定义的第一个滤镜,Apply()为转换被应用,Play()开始执行主要代码:<imgsrc=""id="myid"style="filter:blendTrans(Duration=2);"><scriptlanguage="javascript">varimg=('myid');vari=1;[0].Apply();[0].Play();}</script>、Firefox兼容问题处理当你在Firefox里执行上述代码时,会发现图片不会有渐变效果,这时候只有想点办法来模拟了。a):varimg=('myid');=;代码解释:,;%的透明,1为0%的透明,即完全不透明。b)剩下是怎样通过时间控制图片不同透明度显示的问题了。)使用setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,次数只有一次,延时时间的单位为毫秒。如:vari=0;setTimeout(function(){i+=1;alert(i);},1000);,....b)使用setTimeout可以延时处理了,但setTimeout只会执行一次,那表示