DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 23個Javascript彈出窗口特效整理
23個Javascript彈出窗口特效整理
編輯:關於JavaScript     

1. Lightview

Lightview是一個基於Prototype與Script.aculo.us開發,用於創建可以覆蓋整個頁面的模式對話框。展示的內容不僅可以是圖片、文字、網頁、通過Ajax 調用的內容,還可以是Quicktime/Flash影片都能夠以非常酷的效果展示。

2. ThickBox (演示地址)

ThickBox是一個模式對話框UI控件。基於jQuery開發,可以用來展示單張或多張圖片,內嵌的內容,iframed的內容,或通過Ajax獲取的內容。

3. Fonshen JS Window (演示地址)

風聲JS窗口為模擬WEB彈出窗口和對話框提供一種方案。程序基於 JavaScript/XHTML/CSS 標准實現。支持自由度極高的窗口樣式定制;交互方面提供模擬的按鈕編程模型,可以很好的模擬對話框; 另外,接口參考Javascript內置對象window的一些方法(比如:window.open, window.alert, window.confirm),簡潔方便。

4. ymPrompt

在web開發中,對於浏覽器默認的消息提示框(如alert,confirm等)外觀無法控制,為了實現更好的界面效果,於是模擬系統的消息提示框 實現了該組件。在外觀上可以通過css進行完全的控制。調用方式簡單,直接使用ymPrompt.alert()的方式調用,傳入相應的參數即可。提供四 種消息類型。分別為消息提示、成功信息、錯誤信息、詢問信息。

5. Modalbox

ModalBox用於生成Web2.0風格的模式對話框。基於Prototype script.aculo.us框架開發,效果類似Mac OSX的模式對話框。內容可以通過Ajax加載或普通的HTML頁面。

6. SliderWindow

SliderWindow是一個基於YUI開發消息提醒滑動窗體。

7. MOOdalBox (演示地址)

MOOdalBox是一個基於Mootools框架開發的Web2.0模式對話。用於利用Ajax加載遠程內容進行展示。

8. jqWindowsEngine

這個jQuery插件能夠幫助你輕松創建Ajax Windows。

9. jQuery Alert Dialogs (演示地址)

這個jQuery插件能夠替換JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定義對話框外觀。

10. JQuery Float Dialog

JQuery Float Dialog是一個浮動模式對話框,可通過參數控制對話框彈出速度、全屏背景、彈出回調事件、彈出的方向等。

11. Facebook-Style Modal Box

利用Mootools開發的一個Facebook風格模式對話框。

12. Facebox (演示地址)

Facebox是一個采用Mootools框架實現,擁有Facebook風格的模式對話框。它可以展示images、Flash、html等內容。與另外一個用jQuery實現的Facebox相似。

13. jmpopups (演示地址)

jmpopups是一個可同時打開多個模式對話框的jQuery插件。彈出窗中的內容可以從當前頁面中獲取,也可以利用Ajax獲取。jmpopups兼容大部分浏覽器包括:IE6 、FF1.5 、Opera9.*、Chrome2.*、Safari 4.*。

14. dhtmlxWindows

dhtmlxWindows是一個JavaScript對話框Window控件。windows可以被關閉,最大化/最小化,調整大小,置頂,拖放等。

15. Custom JavaScript Dialog Boxes

一個輕量級(4.5kb左右) 自定義JavaScript模式對話框組件。

16. Control.Popup (演示地址)

彈出窗控件。

17. weebox

weebox是一個基於jquery的彈窗插件。它含有以下特性:

.支持多層彈窗

.支持單一彈窗,即同ID彈窗在打開第二次使用時,前一個將被自動關閉,參考boxid選項

.支持自定義樣式,參考boxclass選項

.解決IE中SELECT的問題,使用了bgiframe功能

.支持拖動效果,通過draggable設置,參考draggable選項

.支持內容來源方式Ajax, Selector(jQuery的), Text(直接內容)

.支持多種彈窗類型,參考type選項

.支持自動關閉,參考timeout選項

.支持遮照效果(modal彈窗),參考modal選項

.支持不同的顯示位置,中間或者以某個元素為參照物,參考position選項

.支持彈窗打開前(onopen)、點確認(onok)、點取消(oncancel)、關閉窗口(onclose)等的回調函數

.支持打開後,重新設置標題(setTitle)、內容(setContent)、按鈕等方法

.支持只在彈窗內查找元素的方法:find(selector)

.支持打開和關閉時的動畫效果,參考animate、showAnimate,hideAnimate選項

18. jQuery Impromptu

用於創建模式對話框,確認對話框,輸入內容對話框的jQuery插件。

19. Boxy

Boxy是一個jQuery插件用於創建靈活,類似於facebook風格的Web2.0模式對話框。

20. DHTML window with tab support (演示地址)

帶有Tab支持的DHTML Window控件。它使用cookies來

21. mooMessagebox

一個可以靈活配置,采用Mootools開發的自定義Window窗體。

22. NyroModal

一個基於jQuery開發,非常靈活和可定制外觀/動畫效果的模式對話框。可通過Ajax調用目標內容,改變對話框大小等。

23. SimpleModal

SimpleModal是一個輕量級jQuery插件提供了一個簡單的接口來創建模式對話框。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved