23个Javascript弹出窗口特效整理


Posted in Javascript onFebruary 25, 2011

1. Lightview

Lightview是一个基于Prototype与Script.aculo.us开发,用于创建可以覆盖整个页面的模式对话框。展示的内容不仅可以是图片、文字、网页、通过Ajax 调用的内容,还可以是Quicktime/Flash影片都能够以非常酷的效果展示。

2. ThickBox (演示地址)

ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。

3. Fonshen JS Window (演示地址)

风声JS窗口为模拟WEB弹出窗口和对话框提供一种方案。程序基于 JavaScript/XHTML/CSS 标准实现。支持自由度极高的窗口样式定制;交互方面提供模拟的按钮编程模型,可以很好的模拟对话框; 另外,接口参考Javascript内置对象window的一些方法(比如:window.open, window.alert, window.confirm),简洁方便。

4. ymPrompt

在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,为了实现更好的界面效果,于是模拟系统的消息提示框 实现了该组件。在外观上可以通过css进行完全的控制。调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数即可。提供四 种消息类型。分别为消息提示、成功信息、错误信息、询问信息。

5. Modalbox

ModalBox用于生成Web2.0风格的模式对话框。基于Prototype script.aculo.us框架开发,效果类似Mac OSX的模式对话框。内容可以通过Ajax加载或普通的HTML页面。

6. SliderWindow

SliderWindow是一个基于YUI开发消息提醒滑动窗体。

7. MOOdalBox (演示地址)

MOOdalBox是一个基于Mootools框架开发的Web2.0模式对话。用于利用Ajax加载远程内容进行展示。

8. jqWindowsEngine

这个jQuery插件能够帮助你轻松创建Ajax Windows。

9. jQuery Alert Dialogs (演示地址)

这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。

10. JQuery Float Dialog

JQuery Float Dialog是一个浮动模式对话框,可通过参数控制对话框弹出速度、全屏背景、弹出回调事件、弹出的方向等。

11. Facebook-Style Modal Box

利用Mootools开发的一个Facebook风格模式对话框。

12. Facebox (演示地址)

Facebox是一个采用Mootools框架实现,拥有Facebook风格的模式对话框。它可以展示images、Flash、html等内容。与另外一个用jQuery实现的Facebox相似。

13. jmpopups (演示地址)

jmpopups是一个可同时打开多个模式对话框的jQuery插件。弹出窗中的内容可以从当前页面中获取,也可以利用Ajax获取。jmpopups兼容大部分浏览器包括:IE6 、FF1.5 、Opera9.*、Chrome2.*、Safari 4.*。

14. dhtmlxWindows

dhtmlxWindows是一个JavaScript对话框Window控件。windows可以被关闭,最大化/最小化,调整大小,置顶,拖放等。

15. Custom JavaScript Dialog Boxes

一个轻量级(4.5kb左右) 自定义JavaScript模式对话框组件。

16. Control.Popup (演示地址)

弹出窗控件。

17. weebox

weebox是一个基于jquery的弹窗插件。它含有以下特性:

.支持多层弹窗

.支持单一弹窗,即同ID弹窗在打开第二次使用时,前一个将被自动关闭,参考boxid选项

.支持自定义样式,参考boxclass选项

.解决IE中SELECT的问题,使用了bgiframe功能

.支持拖动效果,通过draggable设置,参考draggable选项

.支持内容来源方式Ajax, Selector(jQuery的), Text(直接内容)

.支持多种弹窗类型,参考type选项

.支持自动关闭,参考timeout选项

.支持遮照效果(modal弹窗),参考modal选项

.支持不同的显示位置,中间或者以某个元素为参照物,参考position选项

.支持弹窗打开前(onopen)、点确认(onok)、点取消(oncancel)、关闭窗口(onclose)等的回调函数

.支持打开后,重新设置标题(setTitle)、内容(setContent)、按钮等方法

.支持只在弹窗内查找元素的方法:find(selector)

.支持打开和关闭时的动画效果,参考animate、showAnimate,hideAnimate选项

18. jQuery Impromptu

用于创建模式对话框,确认对话框,输入内容对话框的jQuery插件。

19. Boxy

Boxy是一个jQuery插件用于创建灵活,类似于facebook风格的Web2.0模式对话框。

20. DHTML window with tab support (演示地址)

带有Tab支持的DHTML Window控件。它使用cookies来

21. mooMessagebox

一个可以灵活配置,采用Mootools开发的自定义Window窗体。

22. NyroModal

一个基于jQuery开发,非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容,改变对话框大小等。

23. SimpleModal

SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。

Javascript 相关文章推荐
JavaScript 事件的一些重要说明
Oct 25 Javascript
JQuery中getJSON的使用方法
Dec 13 Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
Apr 17 Javascript
七行JSON代码把你的网站变成移动应用过程详解
Jul 09 Javascript
Node与Python 双向通信的实现代码
Jul 16 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
Feb 24 #Javascript
dojo随手记 gird组件引用
Feb 24 #Javascript
浏览器常用高宽的jquery插件
Feb 24 #Javascript
基于jquery的横向滚动条(滑动条)
Feb 24 #Javascript
基于JQuery的日期联动实现代码
Feb 24 #Javascript
jQuery boxy弹出层插件中文演示及使用讲解
Feb 24 #Javascript
jquery的键盘事件修改代码
Feb 24 #Javascript
You might like
PHP静态新闻列表自动生成代码
2007/06/14 PHP
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
PHP中echo和print的区别
2014/08/28 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
php实现将HTML页面转换成word并且保存的方法
2016/10/14 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
PHP使用SOAP调用API操作示例
2018/12/25 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
javascript下高性能字符串连接StringBuffer类
2010/08/16 Javascript
js常用排序实现代码
2010/12/28 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
2013/09/10 Javascript
你可能不知道的JavaScript的new Function()方法
2014/04/17 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
JavaScript脚本库编写的方法
2015/12/09 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
2016/08/23 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
2018/11/30 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
python判断文件夹内是否存在指定后缀文件的实例
2019/06/10 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
django中related_name的用法说明
2020/05/20 Python
浅析python函数式编程
2020/09/26 Python
常用的HTML5列表标签
2017/06/20 HTML / CSS
html5 制作地图当前定位箭头的方法示例
2020/01/10 HTML / CSS
美国殿堂级滑板、冲浪、滑雪服装品牌:Volcom(钻石)
2017/04/20 全球购物
西班牙英格列斯百货英国官网:El Corte Inglés英国
2017/10/30 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
前台接待的工作职责
2013/11/21 职场文书
小学雷锋月活动总结
2014/07/03 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
领导工作表现评语
2015/01/04 职场文书
openstack中的rpc远程调用的方法
2021/07/09 Python
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python