<div id="main">
<div id="title" style="float:left"><img src="" /></div><div id="content"></div>
</div>我想在点击id为title的时候拖动整个main div 包括title和content两个div 点击的其他地方的时候不会产生拖动效果，小弟是菜鸟，急求代码，谢谢各位了。
最好是有源代码，急用啊。
<div id="title" style="float:left"><img src="" /></div><div id="content"></div>
</div>我想在点击id为title的时候拖动整个main div 包括title和content两个div 点击的其他地方的时候不会产生拖动效果，小弟是菜鸟，急求代码，谢谢各位了。
最好是有源代码，急用啊。
给一个拖动div的代码，按自己的要求该下吧
<html><head><title>文字与图片被拖曳</title><style type="text/css">*{padding:0;margin:0;}.tips{position:absolute;background:#eee;}</style><script type="text/javascript">var $id=function(id){return document.getElementById(id);}var gg=0;var dragF={ locked:false, lastObj:undefined, drag:function(obj){ $id(obj).onmousedown=function(e){ var e = e ? e : window.event; if(!window.event) {e.preventDefault();}/* 阻止标注浏览器下拖动a,img的默认事件 */ dragF.locked=true; $id(obj).style.position="absolute";gg++; $id(obj).style.zIndex=gg; //if (dragF.lastObj&&dragF.lastObj!=$id(obj)) {/* 多元素拖动需要恢复上次元素状态 */ // dragF.lastObj.style.zIndex = "1"; //} dragF.lastObj=$id(obj); var tempX=$id(obj).offsetLeft; var tempY=$id(obj).offsetTop; dragF.x=e.clientX; dragF.y=e.clientY; document.onmousemove=function(e){ var e = e ? e : window.event; if(dragF.locked==false) return false; $id(obj).style.left=tempX+e.clientX-dragF.x+"px"; $id(obj).style.top=tempY+e.clientY-dragF.y+"px"; if(window.event) {e.returnValue=false;}/* 阻止ie下a,img的默认事件 */ } document.onmouseup=function(){ dragF.locked=false; } } }}</script></head><body><div class="tips" id="tips1" onMouseOver="dragF.drag('tips1');"><img src="/images/logo.gif">拖动图片</div><div class="tips" id="tips2" onMouseOver="dragF.drag('tips2');"><a href="#" target="_blank">链接</a><br /> 拖动链接也可以</div><div class="tips" id="tips3" onMouseOver="dragF.drag('tips3');">fdsfsfd<br />fssffsf</div></body></html>
<div id="main1">
<div id="title1"><img src=""></div><div id="content1"></div>
</div>
<div id="main2">
<div id="title2"><img src=""></div><div id="content2"></div>
</div>
</div>在范围这个层里，main1 和main2 是可以互换的，即拖动main1这个层的时候它可以换到main2里，不可以随意拖动
{
var whichButton;
if(document.all&&oEvent.button==1) whichButton=true;
else { if(oEvent.button==0)whichButton=true;}
if(whichButton)
{
//var oDiv=document.getElementById("oDiv");
var oDiv=oBj;
offset_x=parseInt(oEvent.clientX-oDiv.offsetLeft);
offset_y=parseInt(oEvent.clientY-oDiv.offsetTop);
document.documentElement.onmousemove=function(mEvent)
{
var eEvent;
if(document.all) eEvent=event;
else{eEvent=mEvent;}
//var oDiv=document.getElementById("oDiv");
var oDiv=oBj;
var x=eEvent.clientX-offset_x;
var y=eEvent.clientY-offset_y;
oDiv.style.left=(x)+"px";
oDiv.style.top=(y)+"px";
}
}
}
function Milan_StopMove(oEvent){document.documentElement.onmousemove=null; }<div id="div_pop_msg_Box3" onmousedown="Milan_StartMove(event,this)" onmouseup="Milan_StopMove(event)" style="cursor:move;position:absolute;border:1px solid silver;left:400px;top:100px;background:white;z-index:9999; display:none;">
123
</div>
http://www.javaeye.com/topic/271311