首先，这种滤镜只有IE浏览器才支持，其他标准浏览器（Chrome、Safari、FireFox、Opera等）是没效果的。所以现在基本上都不使用这种滤镜了（改用CSS3动画或过渡效果），除非你能确认你的用户用的都是IE，或者是内部使用的（不公开的）Web应用。
下面是用法举例（多张图片循环显示）：
<img id="tp" src="" style="width:480px height:480px filter:revealTrans(duration=2,transition=23)"><script>
window.onload=function(){
var img=document.getElementById("tp")
var pn=[],pi=0
pn[0]="图片1，自己改"
pn[1]="图片2"
pn[2]="图片3，还可以加更多图片"
img.src=pn[0]
setInterval(function(){
pi=(pi+1)%pn.length
if(navigator.userAgent.indexOf("MSIE")>0){ //如果是IE就用滤镜
img.filters.revealTrans.apply()
img.src=pn[pi] //这三行的顺序一定不能改
img.filters.revealTrans.play()
}else{ //不是IE就不使用滤镜
img.src=pn[pi]
}
},4000) //每张图片保持4秒
}
</script>
<IMG id="myimg" style="FILTER:Alpha(Opacity='0')" height="200" src="你的图片路径" width="200"><input type="button" value="测试" onclick="test()"><script>
<!--
var op=0
function test(){
if(op<=100){
document.getElementById("myimg").filters.alpha.opacity=op
op+=10//这个数值你可以自己设.就是每次不透明度增加量
setTimeout(test,100)//这个时间你可以自己改.以毫秒为单位的.数字越小越快
}
}
//-->
</script>
