html css javascript實作清單循環滾動範例程式碼_HTML/Xhtml_網頁製作

說明：設定時間定時，在規定的時間內替換前一個節點的內容
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{
文字裝飾:底線;
}
風格>
頭>
}
風格>
頭>

• ·2010考試研究英語大綱到貨75折...


• ·權威定本四大名著（人民文...


• ·口述歷史權威唐德剛先生國...


• ·袁偉民與體壇風雲：實話實說...


• ·我們台灣這些年：轟動兩岸...


• ·週教輔推薦：精品套書50...


• ·2010版法律碩士聯考大綱75...


• ·電腦新書周榜25折搶購


• ·2009年孩子最喜歡的書


• ·佛洛伊德作品精選集59折

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、所的介面如下：