您好,欢迎访问一九零五行业门户网

javascript实现焦点滚动图效果 具体方法_javascript技巧

前台代码:
复制代码 代码如下:

                                   2 
                                   3 
                                   4 
                                   5 
                                   6 
                                   7
>
javascript代码:
复制代码 代码如下:
//选择器  
function $a(id,tag){var re=(id&&typeof id!=string)?id:document.getelementbyid(id);if(!tag){return re;}else{return re.getelementsbytagname(tag);}}
//焦点滚动图 点击移动  
function movec() 

    var o=$a(bd1lfimg,); 
    var oli=$a(bd1lfimg,dl); 
    var oliw=oli[0].offsetwidth; //每次移动的宽度     
    var ow=o.offsetwidth-2; 
    var dnow=0; //当前位置    
    var olf=oliw-(ow-oliw+10)/2; 
        o[scrollleft]=olf+(dnow*oliw); 
    var rqbd=$a(bd1lfsj,ul)[0]; 
    var extime;
var rq=$a(bd1lfsj,li); 
    for(var i=0;i    oli[dnow].classname=rq[dnow].classname=show; 
    var wwww=setinterval(uu,2000);
function reg(i){rq[i].onclick=function(){oli[dnow].classname=rq[dnow].classname=;dnow=i;oli[dnow].classname=rq[dnow].classname=show;mv();}} 
    function mv(){clearinterval(extime);clearinterval(wwww);extime=setinterval(bc,15);wwww=setinterval(uu,8000);} 
    function bc() 
    { 
        var ns=((dnow*oliw+olf)-o[scrollleft]); 
        var v=ns>0?math.ceil(ns/10):math.floor(ns/10); 
        o[scrollleft]+=v;if(v==0){clearinterval(extime);oli[dnow].classname=rq[dnow].classname=show;v=null;} 
    } 
    function uu() 
    { 
        if(dnow        { 
            oli[dnow].classname=rq[dnow].classname=; 
            dnow++; 
            oli[dnow].classname=rq[dnow].classname=show; 
        } 
        else{oli[dnow].classname=rq[dnow].classname=;dnow=0;oli[dnow].classname=rq[dnow].classname=show;} 
        mv(); 
    } 
    o.onmouseover=function(){clearinterval(wwww);} 
    o.onmouseout=function(){extime=setinterval(bc,15);wwww=setinterval(uu,8000);} 
}
其它类似信息

推荐信息