为了账号安全,请及时绑定邮箱和手机立即绑定

网页中设置图片轮播向上滚动 只有火狐和谷歌可以 其他浏览器怎么不行

网页中设置图片轮播向上滚动 只有火狐和谷歌可以 其他浏览器怎么不行

qq_小鹿范_03401925 2017-06-08 11:53:02
function getstyle(obj,attr){                    if(obj.currentStyle){                        return obj.currentStyle[attr];                    }                        else{                            return getComputedStyle(obj,false)[attr];                    }                }                function startMove(obj,json,fn){                    clearInterval(obj.timer);                    obj.timer=setInterval(function(){                        for(var attr in json){                            var iCur=0;                        if(attr=='opacity'){                            iCur=parseInt(parseFloat(getstyle(obj,attr))*100);                        }                        else{                            iCur=parseInt(getstyle(obj,attr));                        }                        var speed=(json[attr]-iCur)/8;                        speed=speed>0?Math.ceil(speed):Math.floor(speed);                        if(json[attr]==iCur){                            clearInterval(obj.timer);                            if(fn){                                fn();                            }                        }                        else{                            if(attr=='opacity'){                            obj.style.filter='alpha(opacity:'+(iCur+speed)+')';                            obj.style.opacity=(iCur+speed)/100;                            }                            else{                                obj.style[attr]=iCur+speed+'px';                            }                        }                        }                    },30);                }window.onload=function(){    var picbox2= document.getElementById('picBox2');    var oul=picbox2.getElementsByTagName('ul')[0];    var oli=oul.getElementsByTagName('li');    var aol=picbox2.getElementsByTagName('ol')[0];    var oliol=aol.getElementsByTagName('li');    var inow=0;    var oneheight=oli[0].offsetHeight;    var timer=null;    for(var i=0;i<oliol.length;i++){    oliol[i].index=i;    oliol[i].onmouseover=function(){     for(var i=0;i<oliol.length;i++){     oliol[i].className='';                          }    this.className='active';    startMove(oul,{top:-this.index*oneheight});                    }                }picbox2.onmouseover=function(){                    clearInterval(timer);                }                picbox2.onmouseout=function(){                    timer=setInterval(torun,2000);                }  function torun(){                    if(inow==oliol.length-1){                        inow=0;                    }                    else{                        inow++;                    }                     for(var i=0;i<oliol.length;i++){                            oliol[i].className='';                                                    }                        oliol[inow].className='active';                    startMove(oul,{top:-inow*oneheight});                                        }    }
查看完整描述

3 回答

?
慕粉0957076526

TA贡献11条经验 获得超1个赞

以ie的核心浏览器问题居多 三大浏览器 火狐,ie,谷歌,其他浏览器都基于ie核心,你可以试试ie
查看完整回答
反对 回复 2017-06-08
  • 3 回答
  • 0 关注
  • 1588 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信