JS幻灯片效果在IE中问题
0昕怡海蓝 2014-08-10 10:12:40 这个幻灯片效果在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);