欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

23個Javascript彈出窗口特效整理

 更新時間:2011年02月25日 00:00:01   作者:  
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彈出窗口和對話框提供一種方案。程序基于 JavaScript/XHTML/CSS 標(biāo)準(zhǔn)實現(xiàn)。支持自由度極高的窗口樣式定制;交互方面提供模擬的按鈕編程模型,可以很好的模擬對話框; 另外,接口參考Javascript內(nèi)置對象window的一些方法(比如:window.open, window.alert, window.confirm),簡潔方便。

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插件能夠替換JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定義對話框外觀。

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是一個JavaScript對話框Window控件。windows可以被關(guān)閉,最大化/最小化,調(diào)整大小,置頂,拖放等。

15. Custom JavaScript Dialog Boxes

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

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選項

.支持彈窗打開前(onopen)、點確認(rèn)(onok)、點取消(oncancel)、關(guān)閉窗口(onclose)等的回調(diào)函數(shù)

.支持打開后,重新設(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如何輸出楊輝三角

    JavaScript如何輸出楊輝三角

    這篇文章主要介紹了JavaScript如何輸出楊輝三角問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-01-01
  • 詳解TypeScript的基礎(chǔ)類型

    詳解TypeScript的基礎(chǔ)類型

    這篇文章主要為大家介紹了TypeScript的基礎(chǔ)類型,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-01-01
  • 判斷復(fù)選框是否被選中的兩種方法

    判斷復(fù)選框是否被選中的兩種方法

    這篇文章主要介紹了判斷復(fù)選框是否被選中的兩種方法,經(jīng)測試還不錯,大家可以學(xué)習(xí)下
    2014-06-06
  • js獲取客戶端操作系統(tǒng)類型的方法【測試可用】

    js獲取客戶端操作系統(tǒng)類型的方法【測試可用】

    這篇文章主要介紹了js獲取客戶端操作系統(tǒng)類型的方法,可有效的判斷常見操作系統(tǒng)的類型,包括Windows、MacOS、Unix及Linux等,涉及javascript頁面navigator.userAgent屬性操作技巧,需要的朋友可以參考下
    2016-05-05
  • 微信小程序--特定區(qū)域滾動到頂部時固定的方法

    微信小程序--特定區(qū)域滾動到頂部時固定的方法

    這篇文章主要介紹了微信小程序--特定區(qū)域滾動到頂部時固定的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • 兩種js監(jiān)聽滾輪事件的實現(xiàn)方法

    兩種js監(jiān)聽滾輪事件的實現(xiàn)方法

    下面小編就為大家?guī)硪黄獌煞Njs監(jiān)聽滾輪事件的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • javaScript 刪除確認(rèn)實現(xiàn)方法小結(jié)

    javaScript 刪除確認(rèn)實現(xiàn)方法小結(jié)

    因為對于內(nèi)容的刪除是件很重要的事,所以一般的系統(tǒng)中,都需要刪除確認(rèn)一下,以免誤刪,具體的方法如下,大家可以參考下。
    2009-12-12
  • 基于JS實現(xiàn)前端壓縮上傳圖片的實例代碼

    基于JS實現(xiàn)前端壓縮上傳圖片的實例代碼

    這篇文章主要介紹了基于JS實現(xiàn)前端壓縮上傳圖片的實例代碼,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值 ,需要的朋友可以參考下
    2019-05-05
  • JS將秒換成時分秒實現(xiàn)代碼

    JS將秒換成時分秒實現(xiàn)代碼

    將秒換成時分秒的方法有很多,在本文將為大家介紹下,使用js的具體的實現(xiàn)思路,有需要的朋友可以參考下,希望對大家有所幫助
    2013-09-09
  • 小程序?qū)崿F(xiàn)手寫簽名功能

    小程序?qū)崿F(xiàn)手寫簽名功能

    這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)手寫簽名功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07

最新評論