<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Terry.Li-彬

    虛其心,可解天下之問;專其心,可治天下之學;靜其心,可悟天下之理;恒其心,可成天下之業。

      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
      143 隨筆 :: 344 文章 :: 130 評論 :: 0 Trackbacks

    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是一個jquery為基礎的Lightbox,可顯示圖像,divs,或者遠程頁面。它的使用很簡單。?

    下載地址:http://chriswanstrath.com/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 “lightbox” 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是一個輕量級,可定制的Lightbox插件,可以在jQuery 1.3 和1.4中使用,ColorBox支持 照片,照片組,幻燈片,ajax,內聯 和 iframe 框架。?

    下載地址:http://colorpowered.com/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是一個簡潔優雅的插件,不需額外擴展代碼就可以把當前頁面上的圖片通過一個遮罩顯示出來,這主要是通過jQuery強大靈活的選擇器來實現的。?

    下載地址:http://leandrovieira.com/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的一個“克隆”。實際上它不僅能顯示圖片,還能顯示許多的類型,比如在可能彈出的層窗口中加載視頻、Flash動畫、一個已布局好的網頁、一個框架頁等等。?

    下載地址:http://www.no-margin-for-errors.com/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.

    這是一個 jQuery 的對話框插件,可以根據你的喜好很方便地自行定制對話框。?

    下載地址:http://jqueryui.com/demos/dialog/

    12. Prototype Window

    Prototype window based dialog boxes.

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

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

    13. MochaUI

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

    MochaUI 是一個用于開發Web應用的用戶界面庫,基于Mootools的JavaScript框架。?

    下載地址:http://mochaui.com/

    14. Boxy

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

    Boxy是一個可靈活實現類似Facebook風格對話框的jQuery插件,支持對對話框進行拖拉和改變大小等操作。?

    下載地址:http://onehackoranother.com/projects/jquery/boxy/

    15. ModalBox

    It’s inspired by Mac OS X modal dialogs.

    Modalbox可用來增強Web應用中的用戶交互,開發它的靈感來自Mac OS X的模塊動態對話。?

    下載地址:http://www.wildbit.com/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是一個在線媒體展示應用,支持絕大多數的網絡媒體常用格式。Shadowbox完全是基于JavaScript和CSS編寫的,高度可定制化。?

    下載地址:http://www.shadowbox-js.com/

    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的一個插件,用來在瀏覽器中顯示通知,對話框和模型窗口。它簡直如瑞士軍刀一般靈活和小巧,而且它為通用目的窗口框架奠定了基礎。?

    下載地址:http://dev.iceburg.net/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是一個用Javascript寫的圖片影像特效瀏覽器,外觀簡潔優雅。?

    下載地址:http://highslide.com/

    23. Sexybox

    Lightbox that display content directly from html.

    24. PiroBox

    Stylish and modern jquery lightbox.

    風格時尚且現代的Lightbox控件,采用jQuery開發。能夠根據瀏覽器窗體大小自動調整展示圖片大小。提供向前/向后控制鏈接。動態加載圖片效果。易于定制。?

    下載地址:http://www.pirolab.it/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是一個可以實現圖片平滑放大效果的jQuery插件。?

    下載地址:http://jqueryglobe.com/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是一個當前網站開發中最常用的UI組件集合。?

    下載地址:http://flowplayer.org/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.

    posted on 2010-11-20 12:12 禮物 閱讀(1501) 評論(0)  編輯  收藏 所屬分類: javascriptjquery
    主站蜘蛛池模板: 有码人妻在线免费看片| 亚洲福利精品电影在线观看| 成年网在线观看免费观看网址| 亚洲人成777在线播放| 四虎国产精品永久免费网址| 国产成人综合亚洲一区| 亚洲人成电影在线观看网 | 亚洲AV永久无码精品网站在线观看| 国产精品色午夜免费视频| 亚洲免费人成视频观看| 大地资源中文在线观看免费版 | 天天操夜夜操免费视频| 1000部无遮挡拍拍拍免费视频观看| 久久www免费人成看国产片| 猫咪www免费人成网站| 亚洲福利在线视频| 成人午夜大片免费7777| 日本高清在线免费| 最近最新高清免费中文字幕| 暖暖日本免费中文字幕| 99精品免费视频| 久久久久久毛片免费看| 亚欧国产一级在线免费| 免费无码午夜福利片69| 亚洲成a人片在线观看中文!!! | 免费无码一区二区| 国产99久久亚洲综合精品| 亚洲成av人在线观看网站| 久久亚洲精品国产精品黑人| 亚洲热妇无码AV在线播放| 国产a v无码专区亚洲av| 成人片黄网站A毛片免费| 99在线视频免费观看视频| 思思re热免费精品视频66 | 日本亚洲精品色婷婷在线影院| 亚洲一区二区三区在线| 亚洲国产成人99精品激情在线| 亚洲人成www在线播放| 亚洲国产aⅴ成人精品无吗| 亚洲欧洲无卡二区视頻| 亚洲精品第五页中文字幕|