📄 8-5.htm

📁 JScript网页特效,包含很多的实现网页特效的方法.

💻 HTM

字号:

<html>
<head>
<title>§8.5 用鼠标拖动的网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF">
<script language=javascript>
var old_y=0;  //记录鼠标按下时的Ｙ轴位置
var sign=0;  //用于记录鼠标状态
function moveit()
{
if(sign==1 &&  event.button==1)  //如果鼠标左键按下就移动页面
document.body.scrollTop=(old_y-event.clientY); //移动页面
}
function down()
{old_y=event.clientY+document.body.scrollTop; //保存鼠标按下时的Ｙ坐标
sign=1; //标记鼠标已按下
}

function init()
{sign=0;}  //标记鼠标已放开

document.onmouseup=init;      //鼠标放开时执行init()函数
document.onmousedown=down;    //鼠标按下时执行down()函数
document.onmousemove =moveit; //鼠标移动时执行moveit()函数
</SCRIPT>
<p></p>
<p>下面我任意输入一些内容，按住鼠标右键不放，就可拖动网页。</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>10</p>
<p>11</p>
<p>12</p>
<p>13</p>
<p>14</p>
<p>15</p>
<p>16</p>
<p>17</p>
<p>18</p>
<p>19</p>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -