按住鼠标左键直接拖动页面

<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>

 

posted @ 2015-11-11 00:01  ordinary01  阅读(2053)  评论(0编辑  收藏  举报