廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 6379 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
keigo
個人頭像
個人文章 個人相簿 個人日記 個人地圖
初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x0 鮮花 x71
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 x0
[JScript][討論] 連點,自動滾動捲軸
有時一篇文章太長,讀者在閱讀時要一直往下拉捲軸或是滾動滑鼠,這樣有點小不方便。若捲軸能自動的以一定的速度往下捲動時,醬有多方便啊!

沒錯的啦!這次就是要教各位怎樣讓捲軸自動的往下滾。要用到的是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...0013.html

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



歡迎各位參觀小弟的Blog男丁格爾's 脫殼玩
獻花 x0 回到頂端 [樓 主] From:台灣中華電信 | Posted:2006-01-17 21:35 |

首頁  發表文章 發表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.090286 second(s),query:15 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言