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

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

MC Dialog 功能特點(diǎn)
1.支持鍵盤操作(esc關(guān)閉,enter執(zhí)行當(dāng)前獲得焦點(diǎn)按鈕的事件,屏蔽了ctrl鍵盤,屏蔽了tab鍵真正實(shí)現(xiàn)了一個(gè)模擬瀏覽器自帶對(duì)話框的功能)
2.支持焦點(diǎn)智能移動(dòng)(當(dāng)焦點(diǎn)移出層外時(shí),自動(dòng)將焦點(diǎn)移回層或者有按鈕則移到按鈕上,保證焦點(diǎn)始終在層上,確??旖萱I操作正確)
3.智能閃爍提示功能(當(dāng)焦點(diǎn)移出層外部,比如你在層外點(diǎn)擊了,則層會(huì)閃爍提示你必須在當(dāng)前層操作,這里完美模擬了瀏覽器自帶對(duì)話框的操作)
4.支持按鈕外接回調(diào)事件(可以自定回調(diào)事件,綁定給按鈕)
5.支持拖拽功能(自己寫的拖拽,效率相當(dāng)高,在各瀏覽器表現(xiàn)一直,無(wú)拖幀現(xiàn)象)
6.支持穿透iframe(可以穿透iframe,MC Dialog開發(fā)的基礎(chǔ)就在于穿透iframe取代frameset,所以MC Dialog永遠(yuǎn)是寄存在最頂級(jí)的window對(duì)象下的dom中,因此穿透iframe是no problems)
7.支持多個(gè)MC.Dialog共存 隊(duì)列操作功能 可以在彈出層中繼續(xù)彈出層(MC Dialog是保存在Dialog隊(duì)列中的,可以彈出5000個(gè)MC Dialog, 并且你都可以正確操作到每一個(gè),而且你只能操作當(dāng)前能看到的這一個(gè),而不會(huì)出現(xiàn)任何腳本錯(cuò)誤,MC Dialog卻別與傳統(tǒng)彈出層的一個(gè)主要特點(diǎn)就在于,MC Dialog不僅僅只是為了簡(jiǎn)單的應(yīng)用或者特效或者為了與眾不同,而是考慮了完全取代傳統(tǒng)瀏覽器自帶對(duì)話框而做的,因此MC Dialog 是完全具備了瀏覽器自帶的所有功能的)
8.完美的兼容性,內(nèi)存消耗少,穩(wěn)定(在ie6+,safari,chrome,firefox,oprea,the world等瀏覽器上測(cè)試表現(xiàn)一直) ps:由于沒有處理ie6的半透明問題這里有一點(diǎn)點(diǎn)瑕疵,不過ie6的使用已經(jīng)很少(雖然開始做了解決方案,但考慮實(shí)際沒有添加)
9.在申明了w3c和未申明w3c 或者在頂部未有doctype dtd等情況下任然表現(xiàn)一直
10.支持訪問iframe和iframe訪問父窗口對(duì)象 MC Dialog將內(nèi)嵌的iframe對(duì)象存儲(chǔ),可以簡(jiǎn)單訪問到iframe iframe始終寄存在頂級(jí)窗口window下的dom中 因此訪問父窗口和iframe都是很容易的
經(jīng)過測(cè)試MC Dialog 在界面布局 功能執(zhí)行 等幾乎已經(jīng)完美
推薦使用MC Dialog 換掉瀏覽器一成不變的對(duì)話框
MC.Dialog是免費(fèi)而且是開源的 你可以隨意使用 但為了尊重個(gè)人勞動(dòng)成果 請(qǐng)加注版權(quán)信息 謝謝
MC Dialog 剛剛推出全新修改辦,希望獲得大家的支持
MC Dialog 開發(fā)的日志 http://blog.sina.com.cn/zkunet
如果覺得好,請(qǐng)大家頂起(也請(qǐng)大家保留文件中的版權(quán)申明)
如果在使用中發(fā)現(xiàn)任何問題或者有什么好的建議,請(qǐng)?jiān)诖烁?
5.6修正
1.采用新的拖拽方法 解決較大MC Dialog在ff下拖動(dòng)出先的一些視覺上的bug
2.優(yōu)化了相關(guān)代碼
5.3修正:
1. ie6支持半透明 和陰影
2. ie6覆蓋select
3. 取消ie下的閃爍提示 改為提示音 暫未處理
4. 修正檢測(cè)id的函數(shù)寫法錯(cuò)誤
5. 拖拽細(xì)節(jié)修改 不允許將對(duì)象拖出可視范圍
演示地址 http://demo.jb51.net/js/MCDialog/index.html
下載地址 http://chabaoo.cn/jiaoben/26152.html
您可能感興趣的文章:
- js寫一個(gè)彈出層并鎖屏效果實(shí)現(xiàn)代碼
- js實(shí)現(xiàn)div彈出層的方法
- 使用js實(shí)現(xiàn)關(guān)閉js彈出層的窗口
- js 點(diǎn)擊頁(yè)面其他地方關(guān)閉彈出層(示例代碼)
- js與css實(shí)現(xiàn)彈出層覆蓋整個(gè)頁(yè)面的方法
- js+css 實(shí)現(xiàn)遮罩居中彈出層(隨瀏覽器窗口滾動(dòng)條滾動(dòng))
- Js制作簡(jiǎn)單彈出層DIV在頁(yè)面居中 中間顯示遮罩的具體方法
- Js Jquery創(chuàng)建一個(gè)彈出層可加載一個(gè)頁(yè)面
- html+javascript實(shí)現(xiàn)可拖動(dòng)可提交的彈出層對(duì)話框效果
- js彈出層永遠(yuǎn)居中實(shí)現(xiàn)思路及代碼
- js彈出層(jQuery插件形式附帶reLoad功能)
- js setTimeout實(shí)現(xiàn)延遲關(guān)閉彈出層
- JS實(shí)現(xiàn)的添加彈出層并完成鎖屏操作示例
相關(guān)文章
js 判斷附件后綴的簡(jiǎn)單實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js 判斷附件后綴的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-10-10javascript 讀取內(nèi)聯(lián)之外的樣式(style、currentStyle、getComputedStyle區(qū)別介紹
最常用的是style屬性,在JavaScript中,通過document.getElementById(id).style.XXX就可以獲取到XXX的值,但意外的是,這樣做只能取到通過內(nèi)嵌方式設(shè)置的樣式值,即style屬性里面設(shè)置的值。2010-05-05JavaScript樹形組件實(shí)現(xiàn)無(wú)限級(jí)樹形結(jié)構(gòu)
這篇文章主要介紹了JavaScript樹形組件實(shí)現(xiàn)無(wú)限級(jí)樹形結(jié)構(gòu),一種構(gòu)建多級(jí)有序樹形結(jié)構(gòu)JSON(或XML)數(shù)據(jù)源的方法,下面更多相關(guān)資料需要的小伙伴可以參考一下2022-03-03javascript實(shí)現(xiàn)仿銀行密碼輸入框效果的代碼
這篇文章通過實(shí)例代碼給大家介紹了javascript實(shí)現(xiàn)仿銀行密碼輸入框效果,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2007-12-12JS中prototype關(guān)鍵字的功能介紹及使用示例
prototype 關(guān)鍵字可以為JS原有對(duì)象或者自己創(chuàng)建的類中添加方法或者屬性。也可以實(shí)現(xiàn)繼承,下面以實(shí)例的方式為大家詳細(xì)介紹下2013-07-07JavaScript實(shí)現(xiàn)垂直向上無(wú)縫滾動(dòng)特效代碼
下面小編就為大家?guī)?lái)一篇JavaScript實(shí)現(xiàn)垂直向上無(wú)縫滾動(dòng)特效代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-11-11