JS幻灯片效果在IE中问题
这个幻灯片效果在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);
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);
...全文
相关推荐
兼容IE8的jQuery旋转木马幻灯片插件.zip
Carousel.js是一款简单实用的jQuery旋转木马幻灯片插件。该旋转木马插件兼容IE8浏览器,可用于制作电影海报的3D旋转切换特效等。
Js 实现的幻灯片效果 兼容 IE FF
Js 实现的幻灯片效果 兼容 IE FF
酷! 不同风格页面布局幻灯片特效js实现
这是一款效果非常炫酷的不同风格页面布局幻灯片特效。该特效中,通过前后导航按钮来切换幻灯片,每个幻灯片中的图片均为不同的布局效果。 该幻灯片特效使用anime.js来制作幻灯片的动画特效,并使用很多CSS3属性,需要最新版本的现代浏览器才能看到效果。对于IE浏览器,前面几种效果可以在IE11及以上的浏览器看到效果,最后一种效果由于IE浏览器不支持SVG clip-path属性,所以是看不到效果的。 使用方法 HTML结构 该幻灯片的基本HTML结构如下:每一个幻灯片都有各自的布局class类,和一个data-layout属性,用于制作各自的动画效果。 <div class="sl
js模拟淘宝首页缓冲幻灯片效果
s模拟淘宝首页缓冲幻灯片效果 , 即淘宝首页最重要的轮番展示广告特效
jquery电子杂志幻灯片兼容IE6浏览器
jquery图片幻灯片制作电子相册,jQuery带有翻页效果的图片电子杂志书。支持收藏,翻页功能的电子相册 -


