相容於IE和Firefox火狐的上下、左右循環無間斷滾動JS程式碼_javascript技巧

html裡的marqueen也能實現內容的滾動，但滾動是間斷的，在滾動一個週期中，會有一段空白出現。如果滾動的區域比較大，空間的出現，會讓頁面看起來很不美觀。運用JavaScript可以讓這個問題得到改觀，實現無間斷的滾動。

上下循環滾動程式碼：

複製程式碼 程式碼🎜>

111111111111111

222222222222222

3333333333333333

444445454545

<script> <BR>var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2 "),sh=getid("show"); <BR>var inter; <BR>t2.innerHTML=t1.innerHTML; <BR>function qswhMarquee(){ <BR>if(t2.offsetTop<=t.scrollTop=t.scrollTop ) <BR>t.scrollTop-=t1.offsetHeight; <BR>else <BR>t.scrollTop ; <BR>} <BR>inter=setInterval(qswhMarquee,30); <BR>function getid(id){qswhMarquee,30); <BR>function getid(id){ <unction 🎜>return document.getElementById(id); <BR>} <BR></script>



文字左右循環滾動程式碼

：

複製程式碼 程式碼如下:

.d1 {

margin:10px auto;
width:200px;
background-color:#CCCCCC;
height:20px;
overflow:hidden;
white-space:nowrap; 🎜>}
.d2{
margin:0px auto;
background-color:#FF9933;
}
.div2{
width:auto
height:20px ;
font-size:12px;
}

餘志國網站設計工作室提供專業的外貿網站建置服務。