快捷導(dǎo)航

23個(gè)Javascript彈出窗口特效整理

更新時(shí)間：2011年02月25日 00:00:01 作者：

23個(gè)Javascript彈出窗口特效，需要的朋友可以參考下。

Lightview是一個(gè)基于Prototype與Script.aculo.us開(kāi)發(fā)，用于創(chuàng)建可以覆蓋整個(gè)頁(yè)面的模式對(duì)話(huà)框。展示的內(nèi)容不僅可以是圖片、文字、網(wǎng)頁(yè)、通過(guò)Ajax 調(diào)用的內(nèi)容，還可以是Quicktime/Flash影片都能夠以非常酷的效果展示。

2. ThickBox (演示地址)

ThickBox是一個(gè)模式對(duì)話(huà)框UI控件?；趈Query開(kāi)發(fā)，可以用來(lái)展示單張或多張圖片，內(nèi)嵌的內(nèi)容，iframed的內(nèi)容，或通過(guò)Ajax獲取的內(nèi)容。

風(fēng)聲JS窗口為模擬WEB彈出窗口和對(duì)話(huà)框提供一種方案。程序基于 JavaScript/XHTML/CSS 標(biāo)準(zhǔn)實(shí)現(xiàn)。支持自由度極高的窗口樣式定制；交互方面提供模擬的按鈕編程模型，可以很好的模擬對(duì)話(huà)框；另外，接口參考Javascript內(nèi)置對(duì)象window的一些方法（比如：window.open, window.alert, window.confirm），簡(jiǎn)潔方便。

4. ymPrompt

在web開(kāi)發(fā)中，對(duì)于瀏覽器默認(rèn)的消息提示框（如alert,confirm等）外觀(guān)無(wú)法控制，為了實(shí)現(xiàn)更好的界面效果，于是模擬系統(tǒng)的消息提示框實(shí)現(xiàn)了該組件。在外觀(guān)上可以通過(guò)css進(jìn)行完全的控制。調(diào)用方式簡(jiǎn)單，直接使用ymPrompt.alert()的方式調(diào)用，傳入相應(yīng)的參數(shù)即可。提供四種消息類(lèi)型。分別為消息提示、成功信息、錯(cuò)誤信息、詢(xún)問(wèn)信息。

5. Modalbox

ModalBox用于生成Web2.0風(fēng)格的模式對(duì)話(huà)框?；赑rototype script.aculo.us框架開(kāi)發(fā)，效果類(lèi)似Mac OSX的模式對(duì)話(huà)框。內(nèi)容可以通過(guò)Ajax加載或普通的HTML頁(yè)面。

6. SliderWindow

SliderWindow是一個(gè)基于YUI開(kāi)發(fā)消息提醒滑動(dòng)窗體。

7. MOOdalBox (演示地址)

MOOdalBox是一個(gè)基于Mootools框架開(kāi)發(fā)的Web2.0模式對(duì)話(huà)。用于利用Ajax加載遠(yuǎn)程內(nèi)容進(jìn)行展示。

8. jqWindowsEngine

這個(gè)jQuery插件能夠幫助你輕松創(chuàng)建Ajax Windows。

9. jQuery Alert Dialogs (演示地址)

這個(gè)jQuery插件能夠替換JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定義對(duì)話(huà)框外觀(guān)。

10. JQuery Float Dialog

JQuery Float Dialog是一個(gè)浮動(dòng)模式對(duì)話(huà)框，可通過(guò)參數(shù)控制對(duì)話(huà)框彈出速度、全屏背景、彈出回調(diào)事件、彈出的方向等。

11. Facebook-Style Modal Box

利用Mootools開(kāi)發(fā)的一個(gè)Facebook風(fēng)格模式對(duì)話(huà)框。

12. Facebox (演示地址)

Facebox是一個(gè)采用Mootools框架實(shí)現(xiàn)，擁有Facebook風(fēng)格的模式對(duì)話(huà)框。它可以展示images、Flash、html等內(nèi)容。與另外一個(gè)用jQuery實(shí)現(xiàn)的Facebox相似。

13. jmpopups (演示地址)

jmpopups是一個(gè)可同時(shí)打開(kāi)多個(gè)模式對(duì)話(huà)框的jQuery插件。彈出窗中的內(nèi)容可以從當(dāng)前頁(yè)面中獲取，也可以利用Ajax獲取。jmpopups兼容大部分瀏覽器包括：IE6 、FF1.5 、Opera9.*、Chrome2.*、Safari 4.*。