JavaScript实现DIV拖动及自动吸附功能详解

<!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>Div Move Temp</title> <style> #InfoKuang {     position:absolute;     width:130px;     height:85px;     z-index:1;     filter:alpha(Opacity=60,style=0);     opacity:0.6;     padding: 3px;     border: 1px dashed #000000;     z-index:5000;     bottom:31px;                 font-size:9pt;                            } #InfoKuang ul {     margin: 1px;     padding: 0px;     border-top-width: 1px;     border-right-width: 1px;     border-bottom-width: 1px;     border-left-width: 1px;     border-top-style: none;     border-right-style: none;     border-bottom-style: solid;     border-left-style: none;     border-top-color: #000000;     border-right-color: #000000;     border-bottom-color: #000000;     border-left-color: #000000;     color: #000000;     background-color:#0faead; } #InfoKuang li {     height:24px;     padding: 1px;     line-height: 24px; } </style> </head> <body> <div id="InfoKuang" onmousedown="MyMove.Move('InfoKuang',event,1)"> <span style="cursor:move;">点我调用 拖动窗口</span>     <ul>         <li>                  </li>     </ul>     <ul>         <li>         显示窗口         </li>     </ul>     <ul>         <li>         最大化窗口         </li>     </ul> </div> </body>  </html>

注意：若引入了外部JavaScript文件，必须在修改代码后刷新页面，以确保新脚本生效并执行。