JavaScript简单的拖放层，兼容Firefox浏览器，鼠标按住蓝框可实现拖动。稍加修改，甚至不用修改就能用了，使用时候自己动手美化一些，还是较不错的，也适合个人学习JavaScript。 示例： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <title>JS拖动代码</title><br /> <script language="JavaScript" type="text/javascript"><br /> var x,y<br /> var drag_=false<br /> var D=new Function('obj','return document.getElementById(obj);')<br /> var IE=new Function('','if(navigator.appName.indexOf("Explorer")>=0)return 1;if(navigator.appName.indexOf("Netscape")>=0)return 2')<br /> function Move_obj(obj){//1<br /> D(obj).onmousedown=function(e){drag_=true//4<br /> with(this){style.position="absolute";temp1=offsetLeft;temp2=offsetTop;//5<br /> if(IE()==1){x=event.clientX;y=event.clientY//6<br /> document.onmousemove=function(e){//7<br /> if(drag_==false)return false<br /> with(this){style.left=temp1+event.clientX-x+"px";style.top=temp2+event.clientY-y+"px"}<br /> }//7<br /> }//6<br /> if(IE()==2){x=e.pageX;y=e.pageY;//8<br /> document.onmousemove=function(e){//9<br /> if(drag_==false)return false<br /> with(this){style.left=temp1+e.pageX-x+"px";style.top=temp2+e.pageY-y+"px"}<br /> }//9<br /> }//8<br /> }//5<br /> document.onmouseup=new Function("drag_=false")<br /> }//4<br /> }//1<br /> </script><br /> <body><br /> <div id="test" style="background-color:#0099CC;width:200px"onmouseover='Move_obj("test")'><br /> <div><br /> <ul><br /> <li>文字内容</li><br /> </ul><br /> </div><br /> <p>www.veryhuo.COM</p><br /> <div><br /> <ul><br /> <li><a href="#">亲亲</a></li><br /> </ul><br /> </div><br /> </div><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示：可修改后代码再运行! 文章导航 IE event.stopPropagation()阻止冒泡事件JS实现dragdrop层拖拽代码，可设置功能方式
