JS幻灯片效果在IE中问题

0昕怡海蓝 0昕怡海蓝 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
这个幻灯片效果在IE中一轮结束后返回第一张的时候很突兀,透明度那里好像没作用,求大神指教啊。。。
var flashlis=flash.getElementsByTagName('li'); //找到所有图片
var flashautoDo;
function ppt(oldPos,newPos,num){
clearTimeout(flashautoDo);
if(num==0){ //进入函数首先为li添加样式,让新的图片透明度为0,并display:block
flashlis[newPos].style.opacity=0;
flashlis[newPos].style.filter="alpha(opacity=0)";
flashlis[newPos].style.display='';
}
num+=5;
if(num<=100){
flashlis[oldPos].style.opacity=1-num/100;
flashlis[newPos].style.opacity=num/100;
flashlis[newPos].style.filter="alpha(opacity="+(100-num)+")";
flashlis[newPos].style.filter="alpha(opacity="+num+")";
flashautoDo=setTimeout(function(){ppt(oldPos,newPos,num);},30);
}
else{
flashlis[oldPos].style.display='none';
}
}

//自动播放
var flashDo;
var bool=true; //控制自动播放
function flashAuto(){
clearTimeout(flashDo);
var oldPos,newPos;
for(var i=0;i<spans.length;i++){
if(spans[i].className=='flash_cur'){
oldPos=i;
break;
}
}
newPos=oldPos==spans.length-1?0:oldPos+1;
spans[oldPos].className='';
spans[newPos].className='flash_cur';
if(bool){
ppt(oldPos,newPos,0);
flashDo=setTimeout(flashAuto,3000);
}
}
setTimeout(flashAuto,3000);
...全文

相关推荐

评论
收藏 已收藏
分享
返回顶部
0昕怡海蓝
JavaScript 87,983 成员 224,681 内容