Javascript简单实现可拖动的div

ttx9n · 发表于 2013-10-22 17:31:40

实现div拖动有很多方法，不过目前比较常见的就是使用javascript实现的了，下面有个不错的示例，大家可以尝试操作下复制代码代码如下:
<html>
<head>
<script type="text/javascript">
var x;
var y;
function $(id)
{
return document.getElementById(id)
}
function mousedown()
{
x=event.clientX-$("px").style.pixelLeft;
y=event.clientY-$("px").style.pixelTop;
$("px").style.border="2px solid red";
$("px").onmousemove = mousemove;
}
function mouseup()
{
$("px").onmousemove = "";
$("px").style.border="";
}
function mousemove()
{
$("px").style.pixelLeft=event.clientX-x;
$("px").style.pixelTop=event.clientY-y;
}
</script>
</head>
<body>
<div id="px" style="position:absolute; left:100px; height:100px; width:100px; background-color:#FF0;"
onmousedown="mousedown()" onmouseup="mouseup()" >
</div>
</body>
</html>

.l4 · 发表于 2022-8-20 13:42:36

的vgdsvsdvdsvdsvds

sykzus · 发表于 2022-11-9 01:47:37

还有什么好东西没

fzyzy · 发表于 2023-3-11 07:33:58

谢谢分享，先下来用用

nwk53kbd · 发表于 2023-8-24 10:48:48

还可以不错

Anthonylam · 发表于 2023-10-25 11:06:11

我要金豆金豆金豆

qwe520 · 发表于 2024-3-2 03:10:45

这个源码还可以

x20yd3qx · 发表于 2024-4-13 13:25:56

8888888888888888

dm00ji1s · 发表于 2024-5-12 11:04:11

收下来看看怎么样

3pjdk29w · 发表于 2024-7-2 05:20:40

谢谢楼主分享

账号		自动登录	找回密码
密码			立即注册

[JavaScript] Javascript简单实现可拖动的div

相关帖子