MC Dialog js彈出層 完美兼容多瀏覽器(5.6更新)

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