移动div

ai_numberone 2009-12-04 05:08:15
怎么样实现鼠标托动div???

...全文
65 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
SK_Aqi 2009-12-04
  • 打赏
  • 举报
回复
膜拜学习,不过确实jquery里面的ui可以实现
不妨试试
koukoujiayi 2009-12-04
  • 打赏
  • 举报
回复
//移动DIV,只要将div的id传给函数即可!!
<div id="div1" onmousemove="Move_obj('div1')">移动移动 </div>

js:
<script type="text/javascript">
var drag_ = false
var D = new Function('obj', 'return document.getElementById(obj);')
var oevent = new Function('e', 'if (!e) e = window.event;return e')

function Move_obj(obj) {
var x, y;
D(obj).onmousedown = function(e) {
drag_ = true;
with (this) {
style.position = "absolute"; var temp1 = offsetLeft; var temp2 = offsetTop;
x = oevent(e).clientX; y = oevent(e).clientY;
document.onmousemove = function(e) {
if (!drag_) return false;
with (this) {
style.left = temp1 + oevent(e).clientX - x + "px";
style.top = temp2 + oevent(e).clientY - y + "px";
}
}
}
document.onmouseup = new Function("drag_=false");
}
}
</script>
zhujiazhi 2009-12-04
  • 打赏
  • 举报
回复
用jquery可以实现这个效果的

62,254

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧