拖动的DIV

tt39635552

于 2008-11-18 16:41:00 发布

阅读量308

点赞数

分类专栏： Js 文章标签： div up

本文链接：https://blog.youkuaiyun.com/tt39635552/article/details/3326934

版权

Js 专栏收录该内容

3 篇文章

订阅专栏

 
 <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; 
} 
</script> 
</body> 
</html>
 