Specific methods to achieve focus scrolling effect using javascript_javascript skills

Front-end code:

Copy code The code is as follows:

 
                      

 
                          

 
                              

 
                                  
• 1
 
                                  
• 2
 
                                  
• 3
 
                                  
• 4
 
                                  
• 5
 
                                  
• 6
 
                                  
• 7
 
                              

 
                          

 
                      

 
                      

 
                          

 
                              

 
                              

 
                                
                                    
                                      

 
                                          

 
                                              

 
                                      

 
                                    
                                
                          

 
                      

 
                  

 
                    

javascript代码：

复制代码 代码如下:

//Selector
function $a(id,tag){var re=(id&&typeof id!="string")?id:document.getElementById(id);if(!tag){ return re;}else{return re.getElementsByTagName(tag);}}

//Click to move the focus scroll chart
function movec()
{
var o=$a(" bd1lfimg","");
var oli=$a("bd1lfimg","dl");
var oliw=oli[0].offsetWidth; //The width of each move
var ow =o.offsetWidth-2;
var dnow=0; //Current position
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                                                                                                                                                  ;
}  
      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);}
}