拖动的DIV

最新推荐文章于 2023-11-29 18:09:29 发布

tt39635552

最新推荐文章于 2023-11-29 18:09:29 发布

阅读量284

点赞数

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

本文链接：https://blog.csdn.net/tt39635552/article/details/3326934

版权

Js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

 
 <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>
 

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

tt39635552

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
拖动的DIV

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()">di
复制链接

扫一扫