双击滚屏的js代码一例

发布时间:2020-07-13编辑:脚本学堂
本文介绍一个实现双击滚屏的js代码,有需要的朋友,可以参考下。

代码如下:
 

复制代码 代码示例:

<html>
<SCRIPT language=javascript>
/**
 * 双击滚屏
*/
var currentpos,timer;

function inITialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>双击滚屏-www.jb200.com</title>
<style>
<!--
body { color: #FFFFFF; font-family: Verdana; font-size: 9pt }
-->
</style>
</head>

<body bgcolor="#0496DC">
<p align="center">请双击</p>
<p>1</p>
<p>脚本学堂_www.jb200.com</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>脚本学堂_www.jb200.com</p>
<p>脚本学堂_www.jb200.com</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>脚本学堂_www.jb200.com</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>脚本学堂_www.jb200.com</p>
<p>10</p>
<p>1</p>
<p>脚本学堂_www.jb200.com</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>脚本学堂_www.jb200.com</p>
<p>8</p>
<p>脚本学堂_www.jb200.com</p>
<p>10</p>
<p>17</p></body></html>