一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

30款ajax特效,針對(duì)Lightbox和Modal Dialog

 richsky 2012-04-16

Modal Dialog and Lightbox are Ajax solutions for displaying the content inside the browser without reloading the whole page. Lightboxes overcome the use of the pop up window to suit on the modern browsers and it is being used everywhere these days.  It is widely used for  displaying of media files, webpages , messages, forms etc in a nice looking overlay.

In this post, I’ll be featuring 30 awesome lightbox and modal dialog boxes that you can use on you web applications.

1. Facebox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It’s simple to use and easy on the eyes.

facebox是一個(gè)jquery為基礎(chǔ)的Lightbox,可顯示圖像,divs,或者遠(yuǎn)程頁面。它的使用很簡單。 

下載地址:http:///facebox

2. Lightbox2

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s asnap to setup and works on all modern browsers.

3. Fancybox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “l(fā)ightbox” that floats overtop of web page.

4. Colorbox

A light-weight, customizable lightbox plugin for jQuery 1.3 and 1.4. Supports photos, grouping, slideshow, ajax, inline, and iframed content.

ColorBox是一個(gè)輕量級(jí),可定制的Lightbox插件,可以在jQuery 1.3 和1.4中使用,ColorBox支持 照片,照片組,幻燈片,ajax,內(nèi)聯(lián) 和 iframe 框架。 

下載地址:http:///colorbox/

5. jQuery Lightbox Plugin

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery′s selector.

jQuery LightBox plugin是一個(gè)簡潔優(yōu)雅的插件,不需額外擴(kuò)展代碼就可以把當(dāng)前頁面上的圖片通過一個(gè)遮罩顯示出來,這主要是通過jQuery強(qiáng)大靈活的選擇器來實(shí)現(xiàn)的。 

下載地址:http:///projects/jquery/lightbox/

6. prettyPhoto

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes.

prettyPhoto是jQuery Lightbox的一個(gè)“克隆”。實(shí)際上它不僅能顯示圖片,還能顯示許多的類型,比如在可能彈出的層窗口中加載視頻、Flash動(dòng)畫、一個(gè)已布局好的網(wǎng)頁、一個(gè)框架頁等等。 

下載地址:http://www./projects/prettyPhoto-jquery-lightbox-clone/

7. Litebox

Lightweight lightbox which built on moo.fx and prototype.lite.

8. Thickbox

It has more features than lightbox2  like display inline content, iframed content or content served through ajax in a hybrid modal.

9. Slimbox

It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.

10. LightView

Lightview was built to change the way you overlay content on a website that supports multiple media files.

11. jQuery Dialog

Query UI contains dialog component. It can be customized to create your own taste of image preview or gallery.

這是一個(gè) jQuery 的對(duì)話框插件,可以根據(jù)你的喜好很方便地自行定制對(duì)話框。 

下載地址:http:///demos/dialog/

12. Prototype Window

Prototype window based dialog boxes.

你可以把它用到ASP.NET,Ajax,Java等等所有網(wǎng)頁上,可以實(shí)現(xiàn)改變窗口大小、最小化、最大化窗口、模型對(duì)話框、漸入漸出的漸變效果,支持皮膚等功能?,F(xiàn)有的實(shí)例包括:模仿MAC OS的對(duì)話框,在對(duì)話框中打開一個(gè)網(wǎng)頁,警告框,確認(rèn)對(duì)話框,信息對(duì)話框,登錄對(duì)話框,Ajax對(duì)話框等等。 
它的原型基于對(duì)話框插件。 

下載地址:http://prototype-window./samples.html

13. MochaUI

MochaUI is a web applications user interface library built on the Mootools JavaScript framework.

MochaUI 是一個(gè)用于開發(fā)Web應(yīng)用的用戶界面庫,基于Mootools的JavaScript框架。 

下載地址:http:///

14. Boxy

Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening.

Boxy是一個(gè)可靈活實(shí)現(xiàn)類似Facebook風(fēng)格對(duì)話框的jQuery插件,支持對(duì)對(duì)話框進(jìn)行拖拉和改變大小等操作。 

下載地址:http:///projects/jquery/boxy/

15. ModalBox

It’s inspired by Mac OS X modal dialogs.

Modalbox可用來增強(qiáng)Web應(yīng)用中的用戶交互,開發(fā)它的靈感來自Mac OS X的模塊動(dòng)態(tài)對(duì)話。 

下載地址:http://www./labs/modalbox/

16. Shadowbox

Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable.

Shadowbox是一個(gè)在線媒體展示應(yīng)用,支持絕大多數(shù)的網(wǎng)絡(luò)媒體常用格式。Shadowbox完全是基于JavaScript和CSS編寫的,高度可定制化。 

下載地址:http://www./

17. LightWindows

A lightbox solutions that enable you to embed images, video,iFrame, flash and more.

18. SimpleModal

impleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

19. jqModal

jqModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a “Swiss Army Knife”, and makes a great base as a general purpose windowing framework

jqModal是jQuery的一個(gè)插件,用來在瀏覽器中顯示通知,對(duì)話框和模型窗口。它簡直如瑞士軍刀一般靈活和小巧,而且它為通用目的窗口框架奠定了基礎(chǔ)。 

下載地址:http://dev./jquery/jqModal/#examples

20. Multibox

It support images,flash, video, mp3 and html and it is built with mootools.

21. Greybox

GreyBox can be used to display websites, images and other content in a beautiful way.

22. Highslide

Highslide JS is an image, media and gallery viewer written in JavaScript. It has a quick and elegant looking.

Highslide是一個(gè)用Javascript寫的圖片影像特效瀏覽器,外觀簡潔優(yōu)雅。 

下載地址:http:///

23. Sexybox

Lightbox that display content directly from html.

24. PiroBox

Stylish and modern jquery lightbox.

風(fēng)格時(shí)尚且現(xiàn)代的Lightbox控件,采用jQuery開發(fā)。能夠根據(jù)瀏覽器窗體大小自動(dòng)調(diào)整展示圖片大小。提供向前/向后控制鏈接。動(dòng)態(tài)加載圖片效果。易于定制。 

下載地址:http://www./pirobox/#howto

25. Super Box

Super Box is a script which allows you display windows with the lightbox effect.

26. CeeBox

It is an overlay popup script that embeds flash video, display images, or show html.

27. NyroModal

Modal box that uses callback animation and a lot more features.

28. imgBox

mgBox is a jQuery plugin that implements a smooth zoom effect on images.

imgBox是一個(gè)可以實(shí)現(xiàn)圖片平滑放大效果的jQuery插件。 

下載地址:http:///labs/imgbox/

29. ClearBox

Clearbox is a professional image and content viewer overlay window.

30. jQuery Tools

jQuery Tools is a collection of most user interface components for modern websites such as lightboxes.

jQuery Tools是一個(gè)當(dāng)前網(wǎng)站開發(fā)中最常用的UI組件集合。 

下載地址:http:///tools/overlay/index.html

Choose the appropriate lightbox or modal box on your website.  Next time your users visit they will be attracted on these modern trend and design for your website.

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多

    激情五月天免费在线观看| 亚洲中文字幕综合网在线| 五月的丁香婷婷综合网| 国产成人午夜福利片片| 国产午夜福利在线观看精品| 一个人的久久精彩视频| 免费黄色一区二区三区| 国产日韩精品欧美综合区| 九九热最新视频免费观看| 欧美成人黄色一级视频| 91一区国产中文字幕| 欧美精品二区中文乱码字幕高清| 国产传媒精品视频一区| 亚洲精品一区三区三区| 中文字幕在线五月婷婷| 国产日韩欧美一区二区| 日韩毛片视频免费观看| 亚洲中文在线中文字幕91| 国产内射一级二级三级| 国产性色精品福利在线观看| 日韩精品成区中文字幕| 丰满人妻一二区二区三区av| 国产精品久久久久久久久久久痴汉| 国产精品一区日韩欧美| 狠狠做五月深爱婷婷综合| 91人妻丝袜一区二区三区| 日本深夜福利视频在线| 美国黑人一级黄色大片| 日韩精品小视频在线观看| 国自产拍偷拍福利精品图片| 日韩精品视频免费观看| 国产免费黄片一区二区| 国产三级视频不卡在线观看| 亚洲第一区二区三区女厕偷拍| 日韩人妻有码一区二区| 亚洲一区二区三区熟女少妇| 日韩av亚洲一区二区三区| 99香蕉精品视频国产版| 色哟哟在线免费一区二区三区| 日韩人妻中文字幕精品| 国产又粗又猛又大爽又黄|