連點，自動滾動捲軸

有時一篇文章太長，讀者在閱讀時要一直往下拉捲軸或是滾動滑鼠，這樣有點小不方便。若捲軸能自動的以一定的速度往下捲動時，醬有多方便啊！

沒錯的啦！這次就是要教各位怎樣讓捲軸自動的往下滾。要用到的是window物件中的scroll()函式。scroll(iX, iY)中要有兩個參數，iX是水平的移動量，iY是垂直的移動量，單位都是pixels。要讓捲軸往下滾動，就只有用到iY，而iX保持不變可以設為0。

屁了一堆，開始進入主題吧。

這次的Body什麼都沒有，不過為了讓頁面出現捲軸，所以我用pre把一堆亂輸入的字包起來，好讓頁面撐長。

比較重要的是JavaScript的部份：



在網頁中連點兩下時，會觸發init()函式來啟動，setInterval()在隨機圖片輪播中有說過，並把setInterval()所回傳的參數指給timer。setInterval()會每10豪秒執行一次scrollWin()函式。

在scrollWin()函式中，會先取得目前捲軸距離網頁頂端的值並指給pos，接著在帶給scroll()時把pos+1(往下移動1pixels)，再判斷pos是否不等於移動後scrollTop，若是的話，表示已經捲動到最底部了，就呼叫clearWin()函式來停止捲動；若否，則會在10豪秒後繼續捲動。

單點網頁一下時，一樣會觸發clearWin()函式，這是在捲軸下拉時，能隨時讓使用者自己停止。

看起來真的很簡單吧，一點小技巧可以讓讀者更輕鬆的閱讀。

範例瀏覽：

http://abgne.myweb.hinet.net/0013/0013.html

以上內容於2005/11/18發表在小弟的Blog裡http://blog.xuite.net/abgne/diary1/4409584

x0