-
- //移动的图层，拖动
- 1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span>
- <script language=javascript>
- var Obj;
- function MouseDown(obj)
- {
- Obj=obj;
- Obj.setCapture();
- Obj.l=event.x-Obj.style.pixelLeft;
- Obj.t=event.y-Obj.style.pixelTop;
- }
- function MouseMove()
- {
- if(Obj!=null)
- {
- Obj.style.left = event.x-Obj.l;
- Obj.style.top = event.y-Obj.t;
- }
- }
- function MouseUp()
- {
- if(Obj!=null)
- {
- Obj.releaseCapture();
- Obj=null;
- }
- }
- </script>
- 2.
- <div id="myDiv" src="logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();">
- <a href="#" onclick="return false"><h1>wlecome</h1></a>
- </div>
- <script language="JavaScript" type="text/javascript">
- var orgMouseX;
- var orgMouseY;
- var orgObjX;
- var orgObjY;
- function doDrag()
- {
- var myObject=document.all.myDiv;
- var x=event.clientX;
- var y=event.clientY;
- myObject.style.left=x-(orgMouseX-orgObjX);
- myObject.style.top=y-(orgMouseY-orgObjY);
- }
- function doMouseDown()
- {
- orgMouseX=event.clientX;
- orgMouseY=event.clientY;
- orgObjX=parseInt(document.all.myDiv.style.left);
- orgObjY=parseInt(document.all.myDiv.style.top);
- }
- </script>
|
|
[复制链接]
