双击自动滚屏
2014-09-09来源:易贤网

看到其它网站,站上有双击自动滚屏,怎么实现的呢,下面就是javascript实现自动滚屏的代码

<SCRIPT LANGUAGE="JavaScript">

var currentpos,timer;//定义当前距顶部距离,和时间事件函数名

function begin() //定义时间事件函数

{

timer=setInterval("check_screen()",1);//每间隔1ms(毫秒)执行一次check_scree()

}

function del()//定义删除时间事件

{

clearInterval(timer);//删除时间事件函数

}

function check_screen()

{

currentpos=document.body.scrollTop;//scrollTop设置或获取位于对象最顶端和对象窗口中可见内容的最顶端之间的距离。在这里表示网页被卷去的高

window.scroll(0,++currentpos);//自动向上滚动1像素

if (currentpos != document.body.scrollTop)del();//当滚动到最底部的时候scrollTop达到最大值也就是页面的总高度,但是currentpose加1,当其不能滚动scrollTop值不变,当不等于时,证明已经是底部了,调用删除时间函数

}

document.onmousedown=del;//当但等级鼠标按钮,删除时间事件函数

document.ondblclick=begin;//双击鼠标,开始调用时间事件函数

</SCRIPT>

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息