Js拖动层代码


又一个JS代码最简洁的层拖动特效，同样基于JS+DIV/CSS，虽然实现的代码非常少，但拖动功能一点都不含糊，用鼠标操作也很流畅，被拖动的层进行二次修改、美化也很方便，全部是基于CSS，符合WEB标准，确实比较不错哦。

答案：<html>
<head>
<title>层拖动</title>
</head>
<body>
<div id=MoveDiv style=position:absolute;left:212;top:62;width:126;height:266;;font-size:9pt;background:skyblue;padding-top:30px;>
<div style=position:absolute;left:0;top:0;width:126;height:23;background:red;padding:3px;font-size:9pt 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>
</body>
</html>

上一个：某一选项不被激活的滑动门（实用）代码
下一个：CSS 圆角

更多图片编程知识: