無縫滾動js程式碼通俗易懂(自寫)_javascript技巧

複製程式碼程式碼如下：

;






*{填充：0；邊距：0; }
ul{ list-style:none;}
#div{ width:300px;高度：100px；邊距：100px 自動；邊框：1px實心#ff0000；職位：親屬；溢出：隱藏；}
#div ul{ 位置：絕對；高度：100px；左：0;}
#div ul li{ 寬度：300px;高度：100px；行高：100px；文字對齊：居中；浮動：左}
;

window.onload=function(){
var oDiv=document.getElementById("div");
var oUl=oDiv.getElementsById("div");
var oUl=oDiv.getElementsByTagName(" ul")[0];
var oLi=oUl.getElementsByTagName("li");
var oInput=document.getElementsByTagName('input');
oUl.innerHTML =oUl.innerHTML; >oUl.style.width=oLi[0].offsetWidth*oLi.length "px";
var iSeep=-2;
var Tamer=null;
clearInterval(tamer);
function starMove(){
tamer=setInterval(function(){
oUl.style.left=oUl.offsetLeft iSeep "px";
if(-oUl.offsetLeft >= oUl. offsetWidth/2){
oUl.style.left="0px"
}else if(oUl.offsetLeft>0){
oUl.style.left=-oUl.offsetWidth/2 "px"; ;
}
},30)
}
starMove();
oDiv.onmouseover=function(){
clearInterval(tamer);
}
oDiv.onmouse=function( ){
starMove();
}
oInput[0].onclick=function(){
iSeep=-2;
}
oInput[1].onclick=function (){
iSeep=2;
}
}
腳本>
頭>

;

;

• 1


• 2


• 3


• 4

身體>