繁體中文
用户名:
密码:
忘记密码?
登陆
注册
首页
|
新闻
|
交流
|
问答吧
|
文档
|
手册
|
下载
|
博客
文档
问答吧
交流
PHP函数
下载
全站
搜索
标题
全文
热门搜索
你的位置:
技术文档
-> 浏览文章
拖曳示例
作者: 本站整理 时间: 2007-09-03 18:53:57
提示：您可以先修改部分代码再运行
<html> <br /> <head> <br /> <title> Drag Demo 1 </title> <br /> <style type="text/css"> <br /> <!-- <br /> #drag{ <br /> width:100px; <br /> height:20px; <br /> background-color:#eee; <br /> border:1px solid #333; <br /> position:absolute; <br /> top:30px; <br /> left:200px; <br /> text-align:center; <br /> cursor:default; <br /> } <br /> //--> <br /> </style> <br /> <script type="text/javascript"> <br /> <!-- <br /> window.onload=function(){ <br /> drag(document.getElementById('drag')); <br /> }; <br /> <br /> function drag(o){ <br /> o.onmousedown=function(a){ <br /> var d=document;if(!a)a=window.event; <br /> var x=a.layerX?a.layerX:a.offsetX,y=a.layerY?a.layerY:a.offsetY; <br /> if(o.setCapture) <br /> o.setCapture(); <br /> else if(window.captureEvents) <br /> window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); <br /> <br /> d.onmousemove=function(a){ <br /> if(!a)a=window.event; <br /> if(!a.pageX)a.pageX=a.clientX; <br /> if(!a.pageY)a.pageY=a.clientY; <br /> var tx=a.pageX-x,ty=a.pageY-y; <br /> o.style.left=tx; <br /> o.style.top=ty; <br /> }; <br /> <br /> d.onmouseup=function(){ <br /> if(o.releaseCapture) <br /> o.releaseCapture(); <br /> else if(window.captureEvents) <br /> window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); <br /> d.onmousemove=null; <br /> d.onmouseup=null; <br /> }; <br /> }; <br /> } <br /> //--> <br /> </script> <br /> </head> <br /> <br /> <body> <br /> <div id="drag">drag me</div> <br /> </body> <br /> </html>
提示：您可以先修改部分代码再运行
