仿Google和Windows Live的拖拽

2019-11-21 02:27:57

字體：大中小

來源：轉載

供稿：網友

<HTML> <HEAD> <TITLE> New Document </TITLE> <style type="text/css"> body {     margin:10px; } #dragHelper {     position:absolute;/*重要*/     border:2px dashed #000000;     background-color:#FFFFFF;     filter: alpha(opacity=30); } .normal {     position:absolute;/*重要*/     width:300px;     #height:10px;     border:1px solid #666666;     background-color:#FFFFFF; } .over {     position:absolute;/*重要*/     width:300px;     #height:10px;     border:1px solid #666666;     background-color:#f3f3f3;     filter: alpha(opacity=50); } .dragArea {     CURSOR: move; } </style> </HEAD> <BODY oncontextmenu="window.event.returnValue=false"> <input type="text" id="evt" name="eventValue" size="40" /> <div   class="iwvjtn8m0"   id="dragHelper" style="display:none"></div> <div   id="iwvjtn8m0"   class="normal" overClass="over" dragClass="normal">     <table width="100%">         <tbody>             <tr bgcolor="#CCCCCC" bar="yes"><td><a href="#">Cobao</a></td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr>             <tr><td colspan="3">地址:http://www.cobao.cn</td></tr>             <tr><td colspan="3">關鍵字:</td></tr>             <tr><td colspan="3">說明:</td></tr>         </tbody>     </table> </div> <div   id="iwvjtn8m0"   class="normal" overClass="over" dragClass="normal">     <table width="100%">         <tbody>             <tr bgcolor="#CCCCCC" bar="yes"><td>新浪</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr>             <tr><td colspan="3">地址:http://www.sina.com.cn</td></tr>             <tr><td colspan="3">關鍵字:</td></tr>             <tr><td colspan="3">說明:</td></tr>         </tbody>     </table> </div> <div   id="iwvjtn8m0"   class="normal" overClass="over" dragClass="normal">     <table width="100%">         <tbody>             <tr bgcolor="#CCCCCC" bar="yes"><td>網易</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr>             <tr><td colspan="3">地址:http://www.163.com</td></tr>             <tr><td colspan="3">關鍵字:</td></tr>             <tr><td colspan="3">說明:</td></tr>         </tbody>     </table> </div> <div   id="iwvjtn8m0"   class="normal" overClass="over" dragClass="normal">     <table width="100%">         <tbody>             <tr bgcolor="#CCCCCC" bar="yes"><td>QQ</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr>             <tr><td colspan="3">地址:http://www.qq.com</td></tr>             <tr><td colspan="3">關鍵字:</td></tr>             <tr><td colspan="3">說明:</td></tr>         </tbody>     </table> </div> </BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HTML>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：MSAgent 詳細解說第1/5頁

下一篇：js類 from qq