在ie 6，ie 7，firefox，opera下面的运行效果都不错。 点击查看效果
点击下载
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>DragDrop</title> <style type="text/css"> body{background:#dcdcdc;font-size:12px;font-family:arial,宋体;} .col-drag{min-height:1px;_height:1px;} #bd{width:95%;margin:0 auto;} .col-drag{float:left;width:20%;margin:0 5px 0 0;} .ctnr{border:1px solid #9698ad;background:#eee;margin:0 0 5px 0;} .ctnr div{padding:3px;} h3{cursor:move;zoom:1;margin:0;padding:3px;border-bottom:1px solid #ccc;} #divGhost{margin:0 0 5px 0;border:1px dashed green;} #bd:after,#bd1:after{content:".";display:block;clear:both;height:0;visibility:hidden;} #bd,#bd1{zoom:1} </style> </head> <body> <p>Web标准化 <a href="http://www.div-css.com">www.div-css.com</a></p> <p><a href="http://www.div-css.com/f/tool/dragdrop/dragdrop.rar">点击下载</a></p> Inspect:<input type="button" id="inspect" value="inspect" onclick="inspectNodes()" /> <div id="bd"> <div class="col-drag"> <div class="ctnr"><h3>title-11</h3><div>conten</div></div> <div class="ctnr"><h3>title-12</h3><div>conten</div></div> <div class="ctnr"><h3>title-13</h3><div>conten</div></div> </div> <div class="col-drag"> <div class="ctnr"><h3>title-21</h3><div>conten</div></div> <div class="ctnr"><h3>title-22</h3><div>conten</div></div> <div class="ctnr"><h3>title-23</h3><div>conten</div></div> </div> <div class="col-drag"> <div class="ctnr"><h3>title-31</h3><div>conten</div></div> <div class="ctnr"><h3>title-32</h3><div>conten</div></div> <div class="ctnr"><h3>title-33</h3><div>conten</div></div> </div> <div class="col-drag"> <div class="ctnr"><h3>title-41</h3><div>conten</div></div> <div class="ctnr"><h3>title-42</h3><div>conten</div></div> <div class="ctnr"><h3>title-43</h3><div>conten</div></div> </div> </div> <script type="text/javascript" src="http://www.div-css.com/f/tool/dragdrop/js/lib.js"></script> <script type="text/javascript" src="http://www.div-css.com/f/tool/dragdrop/js/Init.js"></script> </body> </html>
