求能拖动层的javasvript代码

来源:百度知道 编辑:UC知道 时间:2024/06/30 02:53:39
谁有很简洁的拖动层的javasvript代码呢?直接用Dreamweaver生成的代码太复杂了,急。。。

呵呵,不知道是不是有你的Dreamweaver生成的代码复杂
<html>
<body>
<div id="div1" style="POSITION: absolute; LEFT: 0px; TOP: 0px; WIDTH: 356px;HEIGHT: 284px; BACKGROUND-COLOR: silver;"
onmousedown="down()" onmousemove="move()" onmouseup="up()"></div>
<script>
var isdown = false
var beginx,beginy
function down() {
isdown = true;
}

function move() {
if (isdown){
var endx = event.clientX;
var endy = event.clientY;
div1.style.left = parseInt( div1.style.left ) + endx-beginx;
div1.style.top = parseInt( div1.style.top ) + endy-beginy;
}
beginx = event.clientX;
beginy = event.clientY;
}

function up() {
isdown = false;
}
document.body.onmousemove = move
document.body.onmouseup = up
</script>
</body>
</html>