链接类	VML	按钮类	标题类	表单类	表格类	菜单类	窗口类	对象类
滚动条	键盘类	框架类	例子类	模拟类	日期类	色彩类	鼠标类	数学类
图片类	文字类	下拉框	样式类	游戏类	状态栏	资料类	字幕类	其它类

·拖动滚动条  ·Cookie记住滚动...  ·滚动条颜色生成器  ·控制表格内的滚动条  ·跟着滚动条的层  ·局部滚动  ·双击滚屏

您当前位置：好素材首页 -> 网页特效 -> 滚动条 查看信息 拖动页面 好素材网 www.HaoSc.com 02月22日 11:49 [查看演示]  源码如下 ---------------------------------------------------------- <SCRIPT> var old_y=0; //记录鼠标按下时的Ｙ轴位置 var yn=0; //用于记录鼠标状态 function moveit() { if(yn==1 && event.button==1) //如果鼠标左键按下就移动页面 document.body.scrollTop=(old_y-event.clientY); //移动页面 } function downit() {old_y=event.clientY+document.body.scrollTop; //记住鼠标按下时的Ｙ轴位置 yn=1; //用于记住鼠标已按下 } function upit() {yn=0;} //记住鼠标已放开 document.onmouseup=upit; //鼠标放开时执行upit()函数 document.onmousedown=downit; //鼠标按下时执行downit()函数 document.onmousemove =moveit; //鼠标移动时执行moveit()函数 </SCRIPT> <SCRIPT language=JavaScript> var i=0; for(i=0;i<100;i++){ document.write("<span style='cursor:hand;font:menu'>"+i+"－－－－－－－－－－－－－－－－－－－－－－－－－－－－</span><br>"); } </SCRIPT> <div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand"> <input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> 此信息共 1 页 [1]