javascript_javascript 기술을 사용하여 포커스 스크롤 효과를 얻는 구체적인 방법

프런트엔드 코드:

코드 복사 코드는 다음과 같습니다.

 
                      

 
                          

 
                              

 
                                  
• 1
 
                                  
• 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();}}
함수 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);}
}