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

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});
                        
                }


    
}

qq_小鹿范_03401925
浏览 1589回答 3
3回答

慕粉0957076526

以ie的核心浏览器问题居多 三大浏览器 火狐,ie,谷歌,其他浏览器都基于ie核心,你可以试试ie
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript