posts - 38, comments - 2, trackbacks - 0, articles - 0
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

运用Lightbox和Modal Dialog可以很方便地在浏览器中展示内容,而无需重载整个页面,有了Lightbox就不必再使用浏览器弹窗了。Lightbox正愈来愈广泛地应用于媒体、网页、邮件、表格等元素的展示。

本文将为你介绍15款优秀的Lightbox和Modal Dialog特效,供网站开发者参考。

1. Facebox

facebox是一个jquery为基础的Lightbox,可显示图像,divs,或者远程页面。它的使用很简单。

下载地址:http://chriswanstrath.com/facebox



2. Colorbox

ColorBox是一个轻量级,可定制的Lightbox插件,可以在jQuery 1.3 和1.4中使用,ColorBox支持 照片,照片组,幻灯片,ajax,内联 和 iframe 框架。

下载地址:http://colorpowered.com/colorbox/



3. jQuery Lightbox Plugin

jQuery LightBox plugin是一个简洁优雅的插件,不需额外扩展代码就可以把当前页面上的图片通过一个遮罩显示出来,这主要是通过jQuery强大灵活的选择器来实现的。

下载地址:http://leandrovieira.com/projects/jquery/lightbox/



4. prettyPhoto

prettyPhoto是jQuery Lightbox的一个“克隆”。实际上它不仅能显示图片,还能显示许多的类型,比如在可能弹出的层窗口中加载视频、Flash动画、一个已布局好的网页、一个框架页等等。

下载地址:http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/



5. jQuery Dialog

这是一个 jQuery 的对话框插件,可以根据你的喜好很方便地自行定制对话框。

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



6. Prototype Window

你可以把它用到ASP.NET,Ajax,Java等等所有网页上,可以实现改变窗口大小、最小化、最大化窗口、模型对话框、渐入渐出的渐变效 果,支持皮肤等功能。现有的实例包括:模仿MAC OS的对话框,在对话框中打开一个网页,警告框,确认对话框,信息对话框,登录对话框,Ajax对话框等等。
它的原型基于对话框插件。

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



7. MochaUI

MochaUI 是一个用于开发Web应用的用户界面库,基于Mootools的JavaScript框架。

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



8. Boxy

Boxy是一个可灵活实现类似Facebook风格对话框的jQuery插件,支持对对话框进行拖拉和改变大小等操作。

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



9. ModalBox

Modalbox可用来增强Web应用中的用户交互,开发它的灵感来自Mac OS X的模块动态对话。

下载地址:http://www.wildbit.com/labs/modalbox/



10. Shadowbox

Shadowbox是一个在线媒体展示应用,支持绝大多数的网络媒体常用格式。Shadowbox完全是基于JavaScript和CSS编写的,高度可定制化。

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



11. jqModal

jqModal是jQuery的一个插件,用来在浏览器中显示通知,对话框和模型窗口。它简直如瑞士军刀一般灵活和小巧,而且它为通用目的窗口框架奠定了基础。

下载地址:http://dev.iceburg.net/jquery/jqModal/#examples



12. Highslide

Highslide是一个用Javascript写的图片影像特效浏览器,外观简洁优雅。

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



13. PiroBox

风格时尚且现代的Lightbox控件,采用jQuery开发。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。

下载地址:http://www.pirolab.it/pirobox/#howto



14. imgBox

imgBox是一个可以实现图片平滑放大效果的jQuery插件。

下载地址:http://jqueryglobe.com/labs/imgbox/



15. jQuery Tools

jQuery Tools是一个当前网站开发中最常用的UI组件集合。

下载地址:http://flowplayer.org/tools/overlay/index.html


本文是使用 B3log Solocannysquirrel's blog 进行同步发布的

只有注册用户登录后才能发表评论。


网站导航: