| | | 特效窗口一网打尽 | | 2001-09-13·
·merry··yesky
| 上一页 1 2 3 4 下一页
我曾经在网上看过一些窗口内容卷动范例，在范例中我使用document.body.scrollHeight或者document.height的地方改用一个随便决定的很大的数字来代替。这种做法并不很好，因为在这种状况下，当窗口内容卷动到最底端的时候，如果使用者不移动光标的话，那么y坐标的值就会持续地继续增加。这样一来当使用者按下向上卷动的箭头按钮的时候，页面内容却还是不会立刻开始往上卷动，因为函数还在继续将窗口内容向下卷动，直到达到程序里面设定的值才会停止。
scrollMe() 函数在onMouseOver事件发生的时候被呼叫，另一个stopMe()函数则相对应地在onMouseOut事件发生时开始执行：
function stopMe() {
clearTimeout(when);
} |
同一个函数也可以用来停止向上卷动。
让内容向上卷动所用的函数和向下卷动非常类似：
function rollMe() {
if (y ＞= 0) {
ps.scroll(0,y)
y =y- 4;
when = setTimeout('rollMe()',1);
}
} |
rollMe() 函数首先检查变量y是否大于或等于0。如果成立，scrollee 分割窗口便会往上卷动4个像素。正如同scrollMe() 函数一样，变量when用来让网页内容每隔一毫秒便重复向上卷动4个像素。
下面这个函数可以让网页内容直接卷动到最上方：
function topMe() {
ps.scroll(0,0);
y= 0;
} |
如果你在 topMe() 函数里面不重新设定变量y的值成为 0，那么当你往下或者往上卷动的时候，页面内容会直接跳回你呼叫 topMe() 之前所在的位置去。
上一页 1 2 3 4 下一页 | | | 感谢
访问天极网，如果您觉得该文章涉及版权问题，请看这里！
|
|
