23個Javascript快顯視窗特效整理

來源:互聯網
上載者:User

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外掛程式提供了一個簡單的介面來建立模式對話方塊。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.