DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> MC Dialog js彈出層 完美兼容多浏覽器(5.6更新)
MC Dialog js彈出層 完美兼容多浏覽器(5.6更新)
編輯:關於JavaScript     
效果圖:

MC Dialog 功能特點
1.支持鍵盤操作(esc關閉,enter執行當前獲得焦點按鈕的事件,屏蔽了ctrl鍵盤,屏蔽了tab鍵真正實現了一個模擬浏覽器自帶對話框的功能)
2.支持焦點智能移動(當焦點移出層外時,自動將焦點移回層或者有按鈕則移到按鈕上,保證焦點始終在層上,確保快捷鍵操作正確)
3.智能閃爍提示功能(當焦點移出層外部,比如你在層外點擊了,則層會閃爍提示你必須在當前層操作,這裡完美模擬了浏覽器自帶對話框的操作)
4.支持按鈕外接回調事件(可以自定回調事件,綁定給按鈕)
5.支持拖拽功能(自己寫的拖拽,效率相當高,在各浏覽器表現一直,無拖幀現象)
6.支持穿透iframe(可以穿透iframe,MC Dialog開發的基礎就在於穿透iframe取代frameset,所以MC Dialog永遠是寄存在最頂級的window對象下的dom中,因此穿透iframe是no problems)
7.支持多個MC.Dialog共存 隊列操作功能 可以在彈出層中繼續彈出層(MC Dialog是保存在Dialog隊列中的,可以彈出5000個MC Dialog, 並且你都可以正確操作到每一個,而且你只能操作當前能看到的這一個,而不會出現任何腳本錯誤,MC Dialog卻別與傳統彈出層的一個主要特點就在於,MC Dialog不僅僅只是為了簡單的應用或者特效或者為了與眾不同,而是考慮了完全取代傳統浏覽器自帶對話框而做的,因此MC Dialog 是完全具備了浏覽器自帶的所有功能的)
8.完美的兼容性,內存消耗少,穩定(在ie6+,safari,chrome,firefox,oprea,the world等浏覽器上測試表現一直) ps:由於沒有處理ie6的半透明問題這裡有一點點瑕疵,不過ie6的使用已經很少(雖然開始做了解決方案,但考慮實際沒有添加)
9.在申明了w3c和未申明w3c 或者在頂部未有doctype dtd等情況下任然表現一直
10.支持訪問iframe和iframe訪問父窗口對象 MC Dialog將內嵌的iframe對象存儲,可以簡單訪問到iframe iframe始終寄存在頂級窗口window下的dom中 因此訪問父窗口和iframe都是很容易的

經過測試MC Dialog 在界面布局 功能執行 等幾乎已經完美
推薦使用MC Dialog 換掉浏覽器一成不變的對話框
MC.Dialog是免費而且是開源的 你可以隨意使用 但為了尊重個人勞動成果 請加注版權信息 謝謝
MC Dialog 剛剛推出全新修改辦,希望獲得大家的支持
MC Dialog 開發的日志 http://blog.sina.com.cn/zkunet
如果覺得好,請大家頂起(也請大家保留文件中的版權申明)
如果在使用中發現任何問題或者有什麼好的建議,請在此跟帖


5.6修正
1.采用新的拖拽方法 解決較大MC Dialog在ff下拖動出先的一些視覺上的bug
2.優化了相關代碼

5.3修正:
1. ie6支持半透明 和陰影
2. ie6覆蓋select
3. 取消ie下的閃爍提示 改為提示音 暫未處理
4. 修正檢測id的函數寫法錯誤
5. 拖拽細節修改 不允許將對象拖出可視范圍

演示地址 http://demo.jb51.net/js/MCDialog/index.html
下載地址 http://www.jb51.net/jiaoben/26152.html
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved