23個Javascript彈出窗口特效整理
1. Lightview
Lightview是一個基于Prototype與Script.aculo.us開發(fā),用于創(chuàng)建可以覆蓋整個頁面的模式對話框。展示的內(nèi)容不僅可以是圖片、文字、網(wǎng)頁、通過Ajax 調(diào)用的內(nèi)容,還可以是Quicktime/Flash影片都能夠以非??岬男Ч故?。
2. ThickBox (演示地址)
ThickBox是一個模式對話框UI控件。基于jQuery開發(fā),可以用來展示單張或多張圖片,內(nèi)嵌的內(nèi)容,iframed的內(nèi)容,或通過Ajax獲取的內(nèi)容。
3. Fonshen JS Window (演示地址)
風(fēng)聲JS窗口為模擬WEB彈出窗口和對話框提供一種方案。程序基于 JavaS
4. ymPrompt
在web開發(fā)中,對于瀏覽器默認(rèn)的消息提示框(如alert,confirm等)外觀無法控制,為了實現(xiàn)更好的界面效果,于是模擬系統(tǒng)的消息提示框 實現(xiàn)了該組件。在外觀上可以通過css進行完全的控制。調(diào)用方式簡單,直接使用ymPrompt.alert()的方式調(diào)用,傳入相應(yīng)的參數(shù)即可。提供四 種消息類型。分別為消息提示、成功信息、錯誤信息、詢問信息。
5. Modalbox
ModalBox用于生成Web2.0風(fēng)格的模式對話框?;赑rototype script.aculo.us框架開發(fā),效果類似Mac OSX的模式對話框。內(nèi)容可以通過Ajax加載或普通的HTML頁面。
6. SliderWindow
SliderWindow是一個基于YUI開發(fā)消息提醒滑動窗體。
7. MOOdalBox (演示地址)
MOOdalBox是一個基于Mootools框架開發(fā)的Web2.0模式對話。用于利用Ajax加載遠(yuǎn)程內(nèi)容進行展示。
8. jqWindowsEngine
這個jQuery插件能夠幫助你輕松創(chuàng)建Ajax Windows。
9. jQuery Alert Dialogs (演示地址)
這個jQuery插件能夠替換JavaS
10. JQuery Float Dialog
JQuery Float Dialog是一個浮動模式對話框,可通過參數(shù)控制對話框彈出速度、全屏背景、彈出回調(diào)事件、彈出的方向等。
11. Facebook-Style Modal Box
利用Mootools開發(fā)的一個Facebook風(fēng)格模式對話框。
12. Facebox (演示地址)
Facebox是一個采用Mootools框架實現(xiàn),擁有Facebook風(fēng)格的模式對話框。它可以展示images、Flash、html等內(nèi)容。與另外一個用jQuery實現(xiàn)的Facebox相似。
13. jmpopups (演示地址)
jmpopups是一個可同時打開多個模式對話框的jQuery插件。彈出窗中的內(nèi)容可以從當(dāng)前頁面中獲取,也可以利用Ajax獲取。jmpopups兼容大部分瀏覽器包括:IE6 、FF1.5 、Opera9.*、Chrome2.*、Safari 4.*。
14. dhtmlxWindows
dhtmlxWindows是一個JavaS
15. Custom JavaScript Dialog Boxes
一個輕量級(4.5kb左右) 自定義JavaS
16. Control.Popup (演示地址)
彈出窗控件。
17. weebox
weebox是一個基于jquery的彈窗插件。它含有以下特性:
.支持多層彈窗
.支持單一彈窗,即同ID彈窗在打開第二次使用時,前一個將被自動關(guān)閉,參考boxid選項
.支持自定義樣式,參考boxclass選項
.解決IE中SELECT的問題,使用了bgiframe功能
.支持拖動效果,通過draggable設(shè)置,參考draggable選項
.支持內(nèi)容來源方式Ajax, Selector(jQuery的), Text(直接內(nèi)容)
.支持多種彈窗類型,參考type選項
.支持自動關(guān)閉,參考timeout選項
.支持遮照效果(modal彈窗),參考modal選項
.支持不同的顯示位置,中間或者以某個元素為參照物,參考position選項
.支持彈窗打開前(on
.支持打開后,重新設(shè)置標(biāo)題(setTitle)、內(nèi)容(setContent)、按鈕等方法
.支持只在彈窗內(nèi)查找元素的方法:find(selector)
.支持打開和關(guān)閉時的動畫效果,參考animate、showAnimate,hideAnimate選項
18. jQuery Impromptu
用于創(chuàng)建模式對話框,確認(rèn)對話框,輸入內(nèi)容對話框的jQuery插件。
19. Boxy
Boxy是一個jQuery插件用于創(chuàng)建靈活,類似于facebook風(fēng)格的Web2.0模式對話框。
20. DHTML window with tab support (演示地址)
帶有Tab支持的DHTML Window控件。它使用cookies來
21. mooMessagebox
一個可以靈活配置,采用Mootools開發(fā)的自定義Window窗體。
22. NyroModal
一個基于jQuery開發(fā),非常靈活和可定制外觀/動畫效果的模式對話框??赏ㄟ^Ajax調(diào)用目標(biāo)內(nèi)容,改變對話框大小等。
23. SimpleModal
SimpleModal是一個輕量級jQuery插件提供了一個簡單的接口來創(chuàng)建模式對話框。
相關(guān)文章
javaScript 刪除確認(rèn)實現(xiàn)方法小結(jié)
因為對于內(nèi)容的刪除是件很重要的事,所以一般的系統(tǒng)中,都需要刪除確認(rèn)一下,以免誤刪,具體的方法如下,大家可以參考下。2009-12-12