广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 6406 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为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.052139 second(s),query:15 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言