先來張效果圖 樣式 複製碼代碼如下： :60px;高度:86px;} #starScroll{寬度:843px;高度:188px;左邊距:15px;右邊距:15px;上邊距:9px;溢出:隱藏; ;} #starScroll #contentScroll{width:500%} #starScroll #ScrollOne{float:left;} #starScroll #ScrollOne img{width:204px;height:188px;border:0px;}{Twhioooo 🎜> #starScroll #ScrollTwo a{float:left;width:204px;height:188px;margin-right:9px;float:leftdisplay:inline;} #div_right{float:left;width:60px;height:86px;} 高度:86px;寬度:60px;遊標:指針;顯示:塊;邊距頂部:50px;} .prev{背景位置:左上;} .next{背景位置：右上；} .next：停留{背景位置：右下；} html程式碼 複製程式碼程式碼如下： div id="contentScroll"> a> > ; > a> "ScrollTwo"> JS程式碼 複製程式碼 程式碼如下: <BR>var Scroll=(function(){<BR> return function(){<BR> ). <BR> ScrollOne = document.getElementById("ScrollOne"),<BR> aLength = aCollection.length,<BR> 二捲軸= 文件.getElementById("ScrollTwo " ),<BR> btn_left = document.getElementById("btn_left"),<BR> var Width = 204,Current = 1,Rate = 7,TimeTimeout=10 00 ,TimeInterval=10,MarginRight=9;<BR> var SInterval=null,STimeout=null;<BR> var CountWidth = Current*Width Current*MarginRight , <BR> SLeftPara=starScroll.scrollLeft;<BR> starScroll.scrollLeft=0;<BR> if( CountWidth -SLeftPara==0){<BR> Forward();<BR> var v = Math.round((CountWidth-SLeftPara)/Rate);<BR> 1 1 : v;<BR> SetScrollLeft(SLeftPara v);<BR> function SetScrollLeft(scrollleft){<BR> starScroll.向左滾動=scrollleft;<BR> 初始化() {<BR> flag=false;<BR> 函數Forward(){<BR> clearInterval(SInterval);<BR> > flag= true;<BR> STimeout = setTimeout(Init,TimeTimeout);<BR> if(flag){<BR> clearTime出(STimeout)；<BR> Init( );<BR> }<BR> }<BR> CountWidth = Current*Width Current*MarginRight,<BR> SLeftPara = starSc roll.sc rollLeft (CountWidth- SLeftPara== 0){<BR> 轉送();<BR> <BR> else{<BR> var v = Math v = v>-1?-1:v;<BR> SetScrollLeft(S左Para v) ;<BR> }<BR> }<BR> {<BR> clearTimeout( STimeout) ; <BR> if(Current==1){<BR> Current=aLength 1;<BR> }<BR> TimeInterval);<BR> }<BR> ScrollTwo.innerHTML = ScrollOne.innerHTML;<BR> S 逾時setTimeout(初始化,TimeTimeout); <BR> }<BR> }<BR>})();<BR>捲動();<BR> ;
a>
