html css javascript實作清單循環滾動範例程式碼_HTML/Xhtml_網頁製作
- WBOY原創
- 2016-05-16 16:39:111190瀏覽
說明：設定時間定時，在規定的時間內替換前一個節點的內容
1、關鍵程式碼：javascript：
複製程式碼
程式碼如下:2、程式碼範例：完整程式碼(可運行)
複製程式碼
程式碼如下:>
正文{
邊距：0px;
內邊距：0px;
}
#express li{
高度：25px;
邊框底部：虛線1px #999;
行高：20px;
字體大小：12px;
清單樣式：無；
}
#dome{
高度：305px;
溢位：隱藏；
邊距頂部：0px;
}
#book_class{
寬度：200px;
高度：310px;
邊框：3px實心#999;
左邊距：自動；
右邊距：自動；
頂部邊距頂部邊距：70px;
邊框半徑：5px 5px 5px 5px;
盒子陰影：0px 0px 10px 10px #CECED1;
}
#express{
margind-3d-p右邊距：10px;
margin-bottom:0px;
邊距頂部：0px;
}
#book_class div div ul li a{
text-decoration:none;
;
;顏色：#333333;
}
#book_class div div ul li a:hover{
文字裝飾:底線;
}
風格>
頭>
}
風格>
頭>
var dome=document.getElementById("dome");
var dome1=document.getElementById("dome1");
var dome2=document.getElementById("dome2");
var speed=50;/ /設定向上輪動的速度
dome2.innerHTML=dome1.innerHTML;//複製節點
function moveTop(){
if(dome1.offsetHeight-dome. scrollTop dome.scrollTop=0;
}其他{
dome.scrollTop ;
}
}
var myFunction=setInterval("moveTop()",speed);
dome.onmouse =function(){
clearInterval(myFunction);
}
dome.onmouseout=function(){
myFunction=setInterval(moveTop,speed);
} }
身體>
3、所的介面如下：
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn