實現網頁內容水平或垂直滾動的Javascript程式碼_javascript技巧

主要兩個部分，一、是滾動內容部分；二、JS的滾動程式碼部分，也只有兩句話。

一、傳統的捲動程式碼

<marquee scrollamount="2" loop="-1" scrolldelay="0" width="250"><div style="FILTER: glow(color=#FF0000,strength=4); COLOR: #ffffff; HEIGHT: 10px;WIDTH: 750px">用Javascript實現新聞內容的水平滾動！ </div></marquee>
[Ctrl A 全選注:如需引入外部Js需刷新才能執行]

傳統的滾動程式碼應用效果比較單一，而且常常還存在瀏覽器的相容性問題，例如在FIREFOX上效果就會出現marquee的特效無效的問題。

二、Javascript實現的滾動效果

<div style="width: 300px;overflow: hidden;" onmouseover="clearInterval(timer1);" onmouseout="go();"> <div style="position: relative;top: 0px;left: 0px;white-space: nowrap;color: #0000FF;" id="news"> <span id="headnew">用Javascript實現新聞內容的水平滾動1</span> </div> </div> //div標籤中的寬度width等參數可以自行調節
[Ctrl A 全選注:

如需引入外部Js需刷新才能執行
]

以上就是完整的JS滾動程式碼，如果想要實現垂直滾動，則只需要簡單的修改即可，即使用style的pixTop屬性即可實現。 摘自 天緣博客