MC Dialog js彈出層 完美兼容多瀏覽器(5.6更新)
更新時間:2010年05月06日 11:05:16 作者:
MC.Dialog 是由肖毅(YesSky) 開發(fā)一款界面絢麗美觀 操作簡單易用的一款js彈出層 MC.Dialog 是經(jīng)過嚴(yán)格了測試的 兼容目前ie7+ 以及其他非ie核心的瀏覽器 完美模擬瀏覽器自帶對話框功能
效果圖:

MC Dialog 功能特點
1.支持鍵盤操作(esc關(guān)閉,enter執(zhí)行當(dāng)前獲得焦點按鈕的事件,屏蔽了ctrl鍵盤,屏蔽了tab鍵真正實現(xiàn)了一個模擬瀏覽器自帶對話框的功能)
2.支持焦點智能移動(當(dāng)焦點移出層外時,自動將焦點移回層或者有按鈕則移到按鈕上,保證焦點始終在層上,確??旖萱I操作正確)
3.智能閃爍提示功能(當(dāng)焦點移出層外部,比如你在層外點擊了,則層會閃爍提示你必須在當(dāng)前層操作,這里完美模擬了瀏覽器自帶對話框的操作)
4.支持按鈕外接回調(diào)事件(可以自定回調(diào)事件,綁定給按鈕)
5.支持拖拽功能(自己寫的拖拽,效率相當(dāng)高,在各瀏覽器表現(xiàn)一直,無拖幀現(xiàn)象)
6.支持穿透iframe(可以穿透iframe,MC Dialog開發(fā)的基礎(chǔ)就在于穿透iframe取代frameset,所以MC Dialog永遠(yuǎn)是寄存在最頂級的window對象下的dom中,因此穿透iframe是no problems)
7.支持多個MC.Dialog共存 隊列操作功能 可以在彈出層中繼續(xù)彈出層(MC Dialog是保存在Dialog隊列中的,可以彈出5000個MC Dialog, 并且你都可以正確操作到每一個,而且你只能操作當(dāng)前能看到的這一個,而不會出現(xiàn)任何腳本錯誤,MC Dialog卻別與傳統(tǒng)彈出層的一個主要特點就在于,MC Dialog不僅僅只是為了簡單的應(yīng)用或者特效或者為了與眾不同,而是考慮了完全取代傳統(tǒng)瀏覽器自帶對話框而做的,因此MC Dialog 是完全具備了瀏覽器自帶的所有功能的)
8.完美的兼容性,內(nèi)存消耗少,穩(wěn)定(在ie6+,safari,chrome,firefox,oprea,the world等瀏覽器上測試表現(xiàn)一直) ps:由于沒有處理ie6的半透明問題這里有一點點瑕疵,不過ie6的使用已經(jīng)很少(雖然開始做了解決方案,但考慮實際沒有添加)
9.在申明了w3c和未申明w3c 或者在頂部未有doctype dtd等情況下任然表現(xiàn)一直
10.支持訪問iframe和iframe訪問父窗口對象 MC Dialog將內(nèi)嵌的iframe對象存儲,可以簡單訪問到iframe iframe始終寄存在頂級窗口window下的dom中 因此訪問父窗口和iframe都是很容易的
經(jīng)過測試MC Dialog 在界面布局 功能執(zhí)行 等幾乎已經(jīng)完美
推薦使用MC Dialog 換掉瀏覽器一成不變的對話框
MC.Dialog是免費而且是開源的 你可以隨意使用 但為了尊重個人勞動成果 請加注版權(quán)信息 謝謝
MC Dialog 剛剛推出全新修改辦,希望獲得大家的支持
MC Dialog 開發(fā)的日志 http://blog.sina.com.cn/zkunet
如果覺得好,請大家頂起(也請大家保留文件中的版權(quán)申明)
如果在使用中發(fā)現(xiàn)任何問題或者有什么好的建議,請在此跟帖
5.6修正
1.采用新的拖拽方法 解決較大MC Dialog在ff下拖動出先的一些視覺上的bug
2.優(yōu)化了相關(guān)代碼
5.3修正:
1. ie6支持半透明 和陰影
2. ie6覆蓋select
3. 取消ie下的閃爍提示 改為提示音 暫未處理
4. 修正檢測id的函數(shù)寫法錯誤
5. 拖拽細(xì)節(jié)修改 不允許將對象拖出可視范圍
演示地址 http://demo.jb51.net/js/MCDialog/index.html
下載地址 http://www.dhdzp.com/jiaoben/26152.html

MC Dialog 功能特點
1.支持鍵盤操作(esc關(guān)閉,enter執(zhí)行當(dāng)前獲得焦點按鈕的事件,屏蔽了ctrl鍵盤,屏蔽了tab鍵真正實現(xiàn)了一個模擬瀏覽器自帶對話框的功能)
2.支持焦點智能移動(當(dāng)焦點移出層外時,自動將焦點移回層或者有按鈕則移到按鈕上,保證焦點始終在層上,確??旖萱I操作正確)
3.智能閃爍提示功能(當(dāng)焦點移出層外部,比如你在層外點擊了,則層會閃爍提示你必須在當(dāng)前層操作,這里完美模擬了瀏覽器自帶對話框的操作)
4.支持按鈕外接回調(diào)事件(可以自定回調(diào)事件,綁定給按鈕)
5.支持拖拽功能(自己寫的拖拽,效率相當(dāng)高,在各瀏覽器表現(xiàn)一直,無拖幀現(xiàn)象)
6.支持穿透iframe(可以穿透iframe,MC Dialog開發(fā)的基礎(chǔ)就在于穿透iframe取代frameset,所以MC Dialog永遠(yuǎn)是寄存在最頂級的window對象下的dom中,因此穿透iframe是no problems)
7.支持多個MC.Dialog共存 隊列操作功能 可以在彈出層中繼續(xù)彈出層(MC Dialog是保存在Dialog隊列中的,可以彈出5000個MC Dialog, 并且你都可以正確操作到每一個,而且你只能操作當(dāng)前能看到的這一個,而不會出現(xiàn)任何腳本錯誤,MC Dialog卻別與傳統(tǒng)彈出層的一個主要特點就在于,MC Dialog不僅僅只是為了簡單的應(yīng)用或者特效或者為了與眾不同,而是考慮了完全取代傳統(tǒng)瀏覽器自帶對話框而做的,因此MC Dialog 是完全具備了瀏覽器自帶的所有功能的)
8.完美的兼容性,內(nèi)存消耗少,穩(wěn)定(在ie6+,safari,chrome,firefox,oprea,the world等瀏覽器上測試表現(xiàn)一直) ps:由于沒有處理ie6的半透明問題這里有一點點瑕疵,不過ie6的使用已經(jīng)很少(雖然開始做了解決方案,但考慮實際沒有添加)
9.在申明了w3c和未申明w3c 或者在頂部未有doctype dtd等情況下任然表現(xiàn)一直
10.支持訪問iframe和iframe訪問父窗口對象 MC Dialog將內(nèi)嵌的iframe對象存儲,可以簡單訪問到iframe iframe始終寄存在頂級窗口window下的dom中 因此訪問父窗口和iframe都是很容易的
經(jīng)過測試MC Dialog 在界面布局 功能執(zhí)行 等幾乎已經(jīng)完美
推薦使用MC Dialog 換掉瀏覽器一成不變的對話框
MC.Dialog是免費而且是開源的 你可以隨意使用 但為了尊重個人勞動成果 請加注版權(quán)信息 謝謝
MC Dialog 剛剛推出全新修改辦,希望獲得大家的支持
MC Dialog 開發(fā)的日志 http://blog.sina.com.cn/zkunet
如果覺得好,請大家頂起(也請大家保留文件中的版權(quán)申明)
如果在使用中發(fā)現(xiàn)任何問題或者有什么好的建議,請在此跟帖
5.6修正
1.采用新的拖拽方法 解決較大MC Dialog在ff下拖動出先的一些視覺上的bug
2.優(yōu)化了相關(guān)代碼
5.3修正:
1. ie6支持半透明 和陰影
2. ie6覆蓋select
3. 取消ie下的閃爍提示 改為提示音 暫未處理
4. 修正檢測id的函數(shù)寫法錯誤
5. 拖拽細(xì)節(jié)修改 不允許將對象拖出可視范圍
演示地址 http://demo.jb51.net/js/MCDialog/index.html
下載地址 http://www.dhdzp.com/jiaoben/26152.html
您可能感興趣的文章:
- js寫一個彈出層并鎖屏效果實現(xiàn)代碼
- js實現(xiàn)div彈出層的方法
- 使用js實現(xiàn)關(guān)閉js彈出層的窗口
- js 點擊頁面其他地方關(guān)閉彈出層(示例代碼)
- js與css實現(xiàn)彈出層覆蓋整個頁面的方法
- js+css 實現(xiàn)遮罩居中彈出層(隨瀏覽器窗口滾動條滾動)
- Js制作簡單彈出層DIV在頁面居中 中間顯示遮罩的具體方法
- Js Jquery創(chuàng)建一個彈出層可加載一個頁面
- html+javascript實現(xiàn)可拖動可提交的彈出層對話框效果
- js彈出層永遠(yuǎn)居中實現(xiàn)思路及代碼
- js彈出層(jQuery插件形式附帶reLoad功能)
- js setTimeout實現(xiàn)延遲關(guān)閉彈出層
- JS實現(xiàn)的添加彈出層并完成鎖屏操作示例
相關(guān)文章
JS實現(xiàn)顯示帶倒影的圖片橫排居中放大展示特效實例【測試可用】
這篇文章主要介紹了JS實現(xiàn)顯示帶倒影的圖片橫排居中放大展示功能,可實現(xiàn)點擊圖片及點擊左右按鈕滑動切換的效果,涉及javascript針對鼠標(biāo)事件的響應(yīng)及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
JavaScript實現(xiàn)隨機(jī)五位數(shù)驗證碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)隨機(jī)五位數(shù)驗證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-09-09
javascript利用canvas實現(xiàn)鼠標(biāo)拖拽功能
這篇文章主要為大家詳細(xì)介紹了javascript利用canvas實現(xiàn)鼠標(biāo)拖拽功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-07-07
JSON數(shù)據(jù)中存在單個轉(zhuǎn)義字符“\”的處理方法
這篇文章主要介紹了JSON數(shù)據(jù)中存在單個轉(zhuǎn)義字符“\”的處理方法,在這里反斜杠(又稱右斜杠"\"),還表示轉(zhuǎn)義字符,字符串中不能成單出現(xiàn)。具體內(nèi)容詳情大家跟隨腳本之家小編一起看看吧2018-07-07
移動端點擊圖片放大特效PhotoSwipe.js插件實現(xiàn)
這篇文章主要為大家詳細(xì)介紹了移動端點擊圖片放大特效PhotoSwipe.js插件實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08
JavaScript DOMContentLoaded事件案例詳解
這篇文章主要介紹了JavaScript DOMContentLoaded事件案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
js 編碼轉(zhuǎn)換 gb2312 和 utf8 互轉(zhuǎn)的2種方法
這篇文章介紹了gb2312 和 utf8 互轉(zhuǎn)的JS方法,有需要的朋友可以參考一下2013-08-08

