<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>drag类</title> </head> <body> <mce:style><!-- #pop{width:400px;background-color:#CCCCCC; border:1px solid #000;} #popt{border:1px solid #000; border-left:none; border-right:none; cursor:move} #btnclost{cursor:hand;float:right} #popm{height:300px;} #ddd{float:left} --></mce:style><style mce_bogus="1">#pop{width:400px;background-color:#CCCCCC; border:1px solid #000;} #popt{border:1px solid #000; border-left:none; border-right:none; cursor:move} #btnclost{cursor:hand;float:right} #popm{height:300px;} #ddd{float:left}</style> <div id="ddd" style="width:200px;height:200px;border:1px solid;background-color:#CCCCCC;cursor:move"> 222222222222222222222222 </div> <div id="pop" > <span id="btnclost">X</span><div id="popt">标题标题标题标题标题标题</div> <div id="popm"> 内容内容内容内容内容内容内容内容内容内容内容内容 </div> </div> function $(o){return document.getElementById(o)} //$('btnclost').οnclick=function(){$('pop').style.display='none';} var drag=function(obj,handle){ this.no=$(obj).cloneNode(true); if($(obj)){ this.o=$(obj); this.hd=(!$(handle)?this.o:$(handle)); this.hd.οnmοusedοwn=(function(e,no){ return function(e){ if(!e){var e=window.event} x=$(obj).offsetLeft; y=$(obj).offsetTop; ow=e.clientX-x; oh=e.clientY-y; with(no.style){ position='absolute'; left=x+'px'; top=y+5+'px'; filter='Alpha(Opacity="30")'; } document.body.appendChild(no); document.onselectstart=function(){return false} } } )(window.event,this.no) this.no.οnmοuseup=function(e){ if(!e){var e=window.event} try{ document.body.removeChild(this); with($(obj).style){ position='absolute'; left=(e.clientX-ow)+'px'; top=(e.clientY-oh)+'px'; } }catch(err){} document.onselectstart=function(){return true}; } this.no.οnmοusemοve=function(e){ if(!e){var e=window.event} try{ with(this.style){ left=e.clientX-ow+'px'; top=e.clientY-oh+'px'; } }catch(err){} } }} new drag('ddd');//这个没起作用 new drag('pop','popt');//只有这个起作用