按住鼠标左键直接拖动页面-竖向滚动

来源:互联网 发布:javascript计算器代码 编辑:程序博客网 时间:2024/04/29 20:43

按住鼠标左键直接拖动页面-竖向滚动

转载自:https://www.cnblogs.com/dashuai01/p/4954980.html

<html>

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


<script language="JavaScript">
<!--
var scrollcount=0;
var dragy;


var scrollarrowtop;


function initdrag() {
scrollcount=1;
dragy=event.clientY;
document.body.setCapture();
}


function startdrag() {
if (scrollcount==1) {
window.scrollBy(0,dragy-event.clientY);
document.body.style.cursor='hand';
dragy=event.clientY;
}
}


function enddrag() {
document.body.style.cursor='';
scrollcount=0;
document.body.releaseCapture();
}






// -->
</script>
<link rel="stylesheet" href="images/test.css" type="text/css">
</head>


<body bgcolor="#FFFFFF" text="#000000" onselectstart="return false;" onmousedown="initdrag()" onmousemove="startdrag()" onmouseup="enddrag()" scroll=yes>
<p>111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>0</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>0</p>
</body>
</html>
阅读全文
0 0