15款ajax特效,针对Lightbox和Modal Dialog
程序员文章站
2022-05-16 17:23:04
...
运用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
本文将为你介绍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