快捷導(dǎo)航

仿Google和Windows Live的拖拽

更新時(shí)間：2006年11月13日 00:00:00 作者：

<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="wppm3vysvbp"   id="dragHelper" style="display:none"></div> <div   id="wppm3vysvbp"   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">關(guān)鍵字:</td></tr>             <tr><td colspan="3">說(shuō)明:</td></tr>         </tbody>     </table> </div> <div   id="wppm3vysvbp"   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">關(guān)鍵字:</td></tr>             <tr><td colspan="3">說(shuō)明:</td></tr>         </tbody>     </table> </div> <div   id="wppm3vysvbp"   class="normal" overClass="over" dragClass="normal">     <table width="100%">         <tbody>             <tr bgcolor="#CCCCCC" bar="yes"><td>網(wǎng)易</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">關(guān)鍵字:</td></tr>             <tr><td colspan="3">說(shuō)明:</td></tr>         </tbody>     </table> </div> <div   id="wppm3vysvbp"   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">關(guān)鍵字:</td></tr>             <tr><td colspan="3">說(shuō)明:</td></tr>         </tbody>     </table> </div> </BODY>  </HTML>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

相關(guān)文章

讓mocha支持ES6模塊的方法實(shí)現(xiàn)
這篇文章主要介紹了讓mocha支持ES6模塊的方法實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
extjs4圖表繪制之折線圖實(shí)現(xiàn)方法分析
這篇文章主要介紹了extjs4圖表繪制之折線圖實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了extjs4繪制折線圖的相關(guān)操作技巧、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2020-03-03
JS簡(jiǎn)單實(shí)現(xiàn)禁止訪問(wèn)某個(gè)頁(yè)面的方法
這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)禁止訪問(wèn)某個(gè)頁(yè)面的方法,涉及基本的頁(yè)面跳轉(zhuǎn)操作技巧,需要的朋友可以參考下
2016-09-09
微信公眾號(hào)平臺(tái)接口開發(fā) 獲取微信服務(wù)器IP地址方法解析
這篇文章主要介紹了微信公眾號(hào)平臺(tái)接口開發(fā) 獲取微信服務(wù)器IP地址方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-08-08
微信小程序webView嵌入H5的方法實(shí)例
web-view是小程序提供的一個(gè)可以直連h5頁(yè)面的組件,只要傳遞一個(gè)h5頁(yè)面的地址,就可以在小程序里直接打開預(yù)覽該h5頁(yè)面,這篇文章主要給大家介紹了微信小程序webView嵌入H5的相關(guān)資料,需要的朋友可以參考下
2021-07-07
JavaScript針對(duì)SPA應(yīng)用的前端優(yōu)化策略概述
前端性能優(yōu)化是Web開發(fā)中非常重要的一環(huán)，優(yōu)化能夠有效地提高網(wǎng)站的加載速度和用戶體驗(yàn)，而對(duì)于SPA來(lái)說(shuō)，由于其特殊的加載方式和數(shù)據(jù)交互方式，其優(yōu)化策略也具有一定的特殊性，需要詳細(xì)了解可以參考下文
2023-05-05
video.js使用改變ui過(guò)程
這篇文章主要介紹了video.js使用改變ui的過(guò)程，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
JavaScript常用數(shù)組算法小結(jié)
在開發(fā)項(xiàng)目的過(guò)程中，我們經(jīng)常會(huì)需要關(guān)于javascript數(shù)組的一些算法，比方說(shuō)數(shù)組去重、數(shù)組求交集、數(shù)組擾亂等等。今天就把個(gè)人的匯總整理的算法分享給大家。
2016-02-02
javascript模擬命名空間
JavaScript 沒(méi)有任何特定語(yǔ)言功能來(lái)支持命名空間，但很容易使用對(duì)象來(lái)模擬命名空間。今天我們就來(lái)探討下這個(gè)問(wèn)題，希望大家能夠喜歡。
2015-04-04
js 封裝cookie操作的函數(shù)代碼
這篇文章主要通過(guò)js封裝cookie的函數(shù)代碼，想用js實(shí)現(xiàn)cookies操作的朋友可以參考下
2013-06-06