关于jq拖放div

naonaoye 2011-10-19 10:46:10

$(function(){
var dx=0;
var dy=0;

$("#Div2").mousedown(function (event){
event = event || window.event;
$("#Div2").css("cursor","move");
var divOff=$("#Div2").offset();
dx=event.clientX-divOff.left;
dy=event.clientY-divOff.top;

$("#Div2").mousemove(drag(event,dx,dy))

$("#Div2").mouseup(dragEnd())


})

})

function drag(event,dx,dy){
event = event || window.event;

$("#Div2").css("cursor","move");
//$("#Div2").html(event.clientX+" "+dx+" "+event.clientY+" "+dy);

$("#Div1").css("left",(event.clientX-dx))
$("#Div1").css("top",(event.clientY-dy))

}

function dragEnd(){

$("#Div2").css("cursor","")

$("#Div2").unbind("mousemove","drag(event,dx,dy)");
$("#Div2").unbind("mouseup","dragEnd()");

}



我就是想弄一个可拖动的div框(Div1),只有最上面的一部分(Div2)能够拖动整个div,我哪里写错了?为什么一按Div2整个Div就往下跑?求教,谢谢
...全文
146 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
ziyouren521125 2011-10-22
  • 打赏
  • 举报
回复
接分吧~~~
xzy809 2011-10-22
  • 打赏
  • 举报
回复
刚来的 来学习下
wwwhhb4006 2011-10-22
  • 打赏
  • 举报
回复

学习一下
lzh_me 2011-10-21
  • 打赏
  • 举报
回复
没有自己写过,支持一下。以前都是用的插件。
默默不得鱼 2011-10-21
  • 打赏
  • 举报
回复
首先应该是onmousemove事件
其次要控制setCapture()和releaseCapture()
zell419 2011-10-21
  • 打赏
  • 举报
回复
前来接分 。
naonaoye 2011-10-21
  • 打赏
  • 举报
回复
唉...还没人啊

自己找到个比较好的教程,讲的很详细

http://www.cnblogs.com/cloudgamer/archive/2008/11/17/1334778.html

那么撒分?
lhm741cs 2011-10-21
  • 打赏
  • 举报
回复
看下你的HTML
naonaoye 2011-10-19
  • 打赏
  • 举报
回复
没人呐

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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