有时一篇文章太长,读者在阅读时要一直往下拉卷轴或是滚动滑鼠,这样有点小不方便。若卷轴能自动的以一定的速度往下卷动时,酱有多方便啊!
没错的啦!这次就是要教各位怎样让卷轴自动的往下滚。要用到的是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