鼠标拖动层移动

2008-09-26 13:17:00 | 【
拖动页面上漂浮的层
按这里移动

用鼠标拖动一个悬浮的层在网页上随意移动

查看全部代码 View Code

在<body>区添加以下代码


<div id=MoveDiv style="position:absolute;left:200px;top:50px;width:100px;height:300px;background:blue">
<div style="position:absolute;left:0px;top:0px;width:100px;height:20px;background:red" onmousedown="MDown(MoveDiv)">
按这里移动
</div>
</div>

<script>

        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序,请保留此声明
         * 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
         ******************************************************/
    
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>


下载"鼠标拖动层移动"

  • 本地下载
  • 本地下载2

相关资源