<div class="codetitle"> <span><a style="CURSOR: pointer" data="28260" class="copybut" id="copybut28260" onclick="doCopy('code28260')"><u>複製程式碼</u></a></span> 程式碼如下:</div> <div class="codebody" id="code28260"> <br><HTML> <br><HEAD> <br><TITLE>JS+CSS制作的DIV层最小化和随意拖拽排序功能</TITLE> <br><style type="text/css"> <br>body <br>{ <br>margin:10px; <br>} <br>#dragHelper <br>{ <br>position:absolute;/*重要*/ <br>border:2px dashed #000000; <br>background-color:#FFFFFF; <br>filter: alpha(opacity=30); <br>} <br>.normal <br>{ <br>position:absolute;/*重要*/ <br>width:300px; <br>#height:10px; <br>border:1px solid #666666; <br>background-color:#FFFFFF; <br>} <br>.over <br>{ <br>position:absolute;/*重要*/ <br>width:300px; <br>#height:10px; <br>border:1px solid #666666; <br>background-color:#f3f3f3; <br>filter: alpha(opacity=50); <br>} <br>.dragArea { <br>CURSOR: move; <br>} <br></style> <br></HEAD> <br><BODY oncontextmenu="window.event.returnValue=false"> <br><div id="dragHelper" style="display:none"></div> <br><div class="normal" overClass="over" dragClass="normal"> <br><table width="100%"> <br><tbody> <br><tr bgcolor="#CCCCCC" bar="yes"><td>百度</td><td dragArea="yes" class="dragArea">点此拖动</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr> <br><tr><td colspan="3">地址:http://www.baidu.com</td></tr> <br><tr><td colspan="3">关键字:</td></tr> <br><tr><td colspan="3">说明:</td></tr> <br></tbody> <br></table> <br></div> <br><div class="normal" overClass="over" dragClass="normal"> <br><table width="100%"> <br><tbody> <br><tr bgcolor="#CCCCCC" bar="yes"><td>新浪</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr> <br><tr><td colspan="3">地址:http://www.sina.com.cn</td></tr> <br><tr><td colspan="3">关键字:</td></tr> <br><tr><td colspan="3">说明:</td></tr> <br></tbody> <br></table> <br></div> <br><div class="normal" overClass="over" dragClass="normal"> <br><table width="100%"> <br><tbody> <br><tr bgcolor="#CCCCCC" bar="yes"><td>网页特效</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr> <br><tr><td colspan="3">地址：http://www.CsrCode.cn</td></tr> <br><tr><td colspan="3">关键字:</td></tr> <br><tr><td colspan="3">说明:</td></tr> <br></tbody> <br></table> <br></div> <br><div class="normal" overClass="over" dragClass="normal"> <br><table width="100%"> <br><tbody> <br><tr bgcolor="#CCCCCC" bar="yes"><td>七彩影视</td><td dragArea="yes" class="dragArea">........</td><td><a href="#" onclick="openClose(this)">-</a> x</td></tr> <br><tr><td colspan="3">地址：http://www.33567.cn</td></tr> <br><tr><td colspan="3">关键字:</td></tr> <br><tr><td colspan="3">说明:</td></tr> <br></tbody> <br></table> <br></div> <br> </div>
