10个jQuery弹出层插件推荐

1.thickbox 
目前用的比较多的,最新版本是thickbox3.1
下载地址:http://jquery.com/demo/thickbox/#examples

2.colorBox 
官方网站:http://colorpowered.com/colorbox/ 
下载地址:http://colorpowered.com/colorbox/colorbox.zip 
演示实例:http://colorpowered.com/colorbox/core/example1/index.html

3.FancyBox 
官方网站:http://fancybox.net 
下载地址:http://fancybox.googlecode.com/files/jquery.fancybox-1.2.5.zip 
演示实例:http://fancybox.net/example

4.jQueryUI Dialog 
官方网站:http://jqueryui.com/demos/dialog/ 
下载地址:http://jqueryui.com/demos/dialog/ 
演示实例:http://jqueryui.com/demos/dialog/

5.DOM window 
官方网站:http://swip.codylindley.com/ 
下载地址:http://swip.codylindley.com/jquery.DOMWindow.js 
演示实例:http://swip.codylindley.com/DOMWindowDemo.html

6.shadowbox
官方网站:http://www.shadowbox-js.com/ 
下载地址:http://www.shadowbox-js.com/download.html 
演示实例:http://www.shadowbox-js.com/index.html

7.jQuery Modal Dialog


jQuery Modal Dialog 是一个用来显示错误提示、警告信息、操作成功提示等等对话框的 jQuery 插件。

示例代码:

$.modaldialog.error('The operation failed.');

对话框选项包括有:

AutoClose Timeout 
Show/Hide Close Button 
Dialog Title 
Dialog Width 
演示地址:http://tautologistics.com/projects/jquery.modaldialog/doc/1.0.0/


开发语言: JavaScript 
项目主页: http://plugins.jquery.com/project/modaldialog 
文档地址: 
下载地址:http://tautologistics.com/projects/jquery.modaldialog/src/jquery.modaldialog.1.0.0.zip

8.jQuery UI

jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) 、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。

开发语言: JavaScript 
项目主页: http://ui.jquery.com/ 
文档地址: http://docs.jquery.com/UI 
下载地址: http://ui.jquery.com/download

9. jQuery对话框插件 ThickBox

ThickBox是一个基于JQuery类库的扩展,它能在浏览器界面上显示非常棒的UI框, 它可以显示单图片,多图片,ajax请求内容或链接内容.

ThickBox 是用超轻量级的 jQuery 库 编写的. 压缩过 jQuery 库只15k, 未压缩过的有39k. 
ThickBox 的 JavaScript 代码和 CSS 文件只占12k. 所以压缩过的 jQuery 代码和 ThickBox 总共只有27k. 
ThickBox 能重新调整大于浏览器窗口的图片. 
ThickBox 的多功能性包括(图片,iframed 的内容,内嵌的内容,AJAX 的内容). 
展示单一图片(single image) 
展示图片集(multiple images) 
展示内嵌内容(inline content) 
展示被iFrame的内容(iframed content) 
展示AJAX内容(AJAX content) 
其他:教程本身还自带了一个很酷的JS跳转脚本 
ThickBox 能隐藏 Windows IE 6 里的元素. 
ThickBox 能在使用者滚动页面或改变浏览器窗口大小的同时始终保持居中. 点击图片, 覆盖层, 或关闭链接能移除 ThickBox. 
开发语言: JavaScript 
项目主页: http://jquery.com/demo/thickbox/ 
文档地址: 
下载地址: http://jquery.com/demo/thickbox/thickbox-code/thickbox.js

10. jQuery 弹出窗口插件 Facebox

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

首先我们用Facebox观看图片 :


http://www.phperz.com/web-design/javascript/0603323420113234.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值