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

·onmousewhe...  ·鼠标移动测试  ·鼠标形状  ·拖动页面  ·鼠标形状  ·跟着鼠标的图形  ·拖动页面  ·很酷的鼠标效果  ·坐标  ·十字线

您当前位置：好素材首页 -> 网页特效 -> 鼠标类 查看信息 拖动图层 好素材网 www.HaoSc.com 02月22日 11:49 [查看演示]  源码如下 ---------------------------------------------------------- <div id=MoveDiv style=position:absolute;left:200;top:50;width:100;height:300;background:blue> <div style=position:absolute;left:0;top:0;width:100;height:20;background:red onmousedown=MDown(MoveDiv)>按这里移动</div> </div> <script> var Obj='' document.onmouseup=MUp document.onmousemove=MMove function MDown(Object){ Obj=Object.id document.all(Obj).setCapture() pX=event.x-document.all(Obj).style.pixelLeft; pY=event.y-document.all(Obj).style.pixelTop; } function MMove(){ if(Obj!=''){ document.all(Obj).style.left=event.x-pX; document.all(Obj).style.top=event.y-pY; } } function MUp(){ if(Obj!=''){ document.all(Obj).releaseCapture(); Obj=''; } } </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]