快捷導(dǎo)航

有關(guān)div頁面拖動、縮放、關(guān)閉、遮罩效果代碼

更新時間：2009年08月23日 15:54:31 作者：

有關(guān)div頁面拖動、縮放、關(guān)閉、遮罩效果代碼,比較不錯，適合學(xué)習(xí)用。

<htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>UntitledDocument</title> <style></style><style bogus="1">#rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute; background:#00F; width:3px; height:3px; z-index:6; font-size:0; } #rLeftDown,#rRightUp{cursor:ne-resize;} #rRightDown,#rLeftUp{cursor:nw-resize;} #rRight,#rLeft{cursor:e-resize;} #rUp,#rDown{cursor:n-resize;} #rLeftDown{left:-4px;bottom:-4px;} #rRightUp{right:-4px;top:-4px;} #rRightDown{right:-4px;bottom:-4px;background-color:#00F;} #rLeftUp{left:-4px;top:-4px;} #rRight{right:-4px;top:50%;margin-top:-4px;} #rLeft{left:-4px;top:50%;margin-top:-4px;} #rUp{top:-4px;left:50%;margin-left:-4px;} #rDown{bottom:-4px;left:50%;margin-left:-4px;}</style>  </head> <body onLoad="createIframe()"> <table> <tr> <td>aa</td> <td><input type="text"/></td> </tr> <tr> <td>bb</td> <td><input type="text"/></td> </tr> </table>  <input type="button"id="tt"name="tt"value="Click"onClick="htmlEditor()"/> </body> </html>

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

相關(guān)文章

js使用setTimeout實現(xiàn)定時炸彈的方法
這篇文章主要介紹了js使用setTimeout實現(xiàn)定時炸彈的方法,涉及javascript中setTimeout方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-04-04
javascript實現(xiàn)blob加密視頻源地址的方法
這篇文章主要介紹了javascript實現(xiàn)blob加密視頻源地址的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-08-08
JS實現(xiàn)淡藍(lán)色簡潔豎向Tab點擊切換效果
這篇文章主要介紹了JS實現(xiàn)淡藍(lán)色簡潔豎向Tab點擊切換效果,通過JavaScript相應(yīng)鼠標(biāo)事件實現(xiàn)非常簡單的css樣式切換,簡單實用,需要的朋友可以參考下
2015-10-10
Javascript實現(xiàn)Vue跨組件通信的方法詳解
這篇文章主要為大家詳細(xì)介紹了Vue的跨組件通信，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-03-03
js微信應(yīng)用場景之微信音樂相冊案例分享
這篇文章主要為大家分享了js微信應(yīng)用場景之微信音樂相冊案例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08
Javascript表單驗證要注意的事項
JavaScript 可用來在數(shù)據(jù)被送往服務(wù)器前對 HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗證。被 JavaScript 驗證的這些典型的表單數(shù)據(jù)有：用戶是否已填寫表單中的必填項目？用戶輸入的郵件地址是否合法？用戶是否已輸入合法的日期？用戶是否在數(shù)據(jù)域 (numeric field) 中輸入了文本？
2014-09-09
js簡易版購物車功能
這篇文章主要為大家分享了js簡易版的購物車，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
js函數(shù)名與form表單元素同名沖突的問題
本篇文章主要是對js函數(shù)名與form表單元素同名沖突的問題進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-03-03
Bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(2)
這篇文章主要為大家詳細(xì)介紹了Bootstrap學(xué)習(xí)筆記之css樣式設(shè)計，感興趣的小伙伴們可以參考一下
2016-06-06
js實現(xiàn)json數(shù)組分組合并操作示例
這篇文章主要介紹了js實現(xiàn)json數(shù)組分組合并操作,涉及javascript針對json數(shù)組的遍歷、判斷、添加、賦值等相關(guān)操作技巧,需要的朋友可以參考下
2019-02-02