zoukankan      html  css  js  c++  java
  • 15个非常漂亮的ajax弹窗效果

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

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

    1. Facebox

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

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

    09241JX2-0

    2. Colorbox

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

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

    09241J2Q-1

    3. jQuery Lightbox Plugin

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

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

    09241L133-2

    4. prettyPhoto

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

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

    09241J339-3

    5. jQuery Dialog

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

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

    09241L164-4

    6. Prototype Window

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

    它的原型基于对话框插件。

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

    09241HV5-5

    7. MochaUI

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

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

    09241I435-6

    8. Boxy

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

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

    09241IU2-7

    9. ModalBox

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

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

    09241L5W-8

    10. Shadowbox

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

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

    09241IG9-9

    11. jqModal

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

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

    09241H4S-10

    12. Highslide

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

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

    09241I344-11

    13. PiroBox

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

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

    09241HK6-12

    14. imgBox

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

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

    09241J112-13

    15. jQuery Tools

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

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

    09241L602-14

  • 相关阅读:
    DQN(Deep Q-learning)入门教程(结束)之总结
    蕴含式(包含EXISTS语句的分析)
    元组关系演算(从集合的角度深入浅出)
    数据流图 和 数据字典
    第3章_关系数据库标准语言(SQL)_006_由元组关系演算到SQL Command_001_蕴含式 (其中有对EXISTS的分析)
    元组关系演算(从集合的角度深入浅出)- 例题(不严谨,无蕴含式)
    问题_001_数据类型转换
    001_C语言中运算符的优先级
    补充_001_问题_001_Vivian
    Netty学习笔记(三)- Reactor模型
  • 原文地址:https://www.cnblogs.com/shuaixf/p/2380897.html
Copyright © 2011-2022 走看看