...的RevelTrans与BlendTrans两个滤镜效果举附源代码例细说一下?_百度...

发布网友发布时间：2024-10-23 18:08

共1个回答

热心网友时间：3分钟前

首先，这种滤镜只有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>

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com