鼠标特效-双击鼠标滚动到网页底部
<!DOCTYPE html>
<html>
<head>
<title>双击鼠标滚动到网页底部</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
var nowPos; //当前的位置
var myTimer; //定时器变量
function startIt(){ //开始函数
//开始定时器,以10毫秒为单位
myTimer = window.setInterval("scrollPage()",10);
}
//停止函数
function stopIt(){
//取消定时器
clearInterval(myTimer);
}
//滚动屏幕的函数
function scrollPage(){
window.scrollBy(0,1); //以一个像素为单位开始滚屏
}
document.onmousedown = stopIt; //监听单击事件
document.ondblclick = startIt; //监听双击事件
</script>
</head>
<body>
<!-- 定义标签,让网页比较长 -->
<p align="center">双击开始滚屏,单击则停止</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p><p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p><p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p><p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p><p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p><p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p><p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p><p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p>
<p>11</p><p>22</p><p>33</p><p>44</p><p>55</p>
<p>66</p><p>77</p><p>88</p><p>99</p>
<p>这就是底部啦!!</p>
</body>
</html>