15款ajax特效,针对Lightbox和Modal Dialog

小编辑 发布于 2010/11/22 07:25
阅读 4K+
收藏 36

运用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 

加载中
1
1001
1001

嗯。。。效果都不错,关键就看用起来方便不。

0
笨蛋EGG
笨蛋EGG

嗯··谢谢楼主的介绍···留个脚印,当作收藏···

0
Midnight
Midnight

有几个插件都没听说过, 不错 先收藏了

0
戴威
戴威

我们的项目正在用Colorbox,感觉不错

不过主要是用来展示图片

弹出框还是用自己写的

c
chenx22
nice
0
y
yeahmn

不错,感谢楼主分享!!

返回顶部
顶部