效果圖：

MC Dialog 功能特點(diǎn)
1.支持鍵盤操作(esc關(guān)閉，enter執(zhí)行當(dāng)前獲得焦點(diǎn)按鈕的事件,屏蔽了ctrl鍵盤，屏蔽了tab鍵真正實(shí)現(xiàn)了一個模擬瀏覽器自帶對話框的功能)
2.支持焦點(diǎn)智能移動(當(dāng)焦點(diǎn)移出層外時，自動將焦點(diǎn)移回層或者有按鈕則移到按鈕上，保證焦點(diǎn)始終在層上，確?？旖萱I操作正確)
3.智能閃爍提示功能(當(dāng)焦點(diǎn)移出層外部，比如你在層外點(diǎn)擊了，則層會閃爍提示你必須在當(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共存 隊(duì)列操作功能 可以在彈出層中繼續(xù)彈出層(MC Dialog是保存在Dialog隊(duì)列中的，可以彈出5000個MC Dialog， 并且你都可以正確操作到每一個，而且你只能操作當(dāng)前能看到的這一個，而不會出現(xiàn)任何腳本錯誤，MC Dialog卻別與傳統(tǒng)彈出層的一個主要特點(diǎn)就在于，MC Dialog不僅僅只是為了簡單的應(yīng)用或者特效或者為了與眾不同，而是考慮了完全取代傳統(tǒng)瀏覽器自帶對話框而做的，因此MC Dialog 是完全具備了瀏覽器自帶的所有功能的)
8.完美的兼容性，內(nèi)存消耗少，穩(wěn)定（在ie6+,safari,chrome,firefox,oprea,the world等瀏覽器上測試表現(xiàn)一直） ps:由于沒有處理ie6的半透明問題這里有一點(diǎn)點(diǎn)瑕疵，不過ie6的使用已經(jīng)很少（雖然開始做了解決方案，但考慮實(shí)際沒有添加）
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是免費(fèi)而且是開源的 你可以隨意使用 但為了尊重個人勞動成果 請加注版權(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://m.fzitv.net/jiaoben/26152.html

最新評論