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 相关文章推荐
js 弹出框 替代浏览器的弹出框
Oct 29 Javascript
JS操作CSS随机改变网页背景实现思路
Mar 10 Javascript
javascript内置对象操作详解
Feb 04 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
May 19 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
深入学习js瀑布流布局
Oct 14 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
js获取当前周、上一周、下一周日期
Mar 19 Javascript
Angularjs中数据绑定的实例详解
Aug 25 Javascript
js+html获取系统当前时间
Nov 10 Javascript
Vue DevTools调试工具的使用
Dec 05 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
Apr 30 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
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
利用phpexcel把excel导入数据库和数据库导出excel实现
2014/01/09 PHP
php中创建和调用webservice接口示例
2014/07/25 PHP
什么是OneThink oneThink后台添加插件步骤
2016/04/13 PHP
PHP自动识别当前使用移动终端
2018/05/21 PHP
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
表单验证正则表达式实例代码详解
2015/11/09 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
详解JavaScript函数callee、call、apply的区别
2019/03/08 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
使用python实现拉钩网上的FizzBuzzWhizz问题示例
2014/05/05 Python
Python中处理unchecked未捕获异常实例
2015/01/17 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
django中的setting最佳配置小结
2017/11/21 Python
Python中单、双下划线的区别总结
2017/12/01 Python
python3大文件解压和基本操作
2017/12/15 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
屈臣氏乌克兰:Watsons UA
2019/10/29 全球购物
三维科技面试题
2013/07/27 面试题
五型班组建设方案
2014/02/10 职场文书
青年文明号复核材料
2014/02/11 职场文书
《争吵》教学反思
2014/02/15 职场文书
学生干部培训方案
2014/06/12 职场文书
“六查”、“三学”、“三干”查摆问题整改措施
2014/09/27 职场文书
2014年勤工助学工作总结
2014/11/24 职场文书
教师病假条范文
2015/08/17 职场文书
聊聊redis-dump工具安装问题
2022/01/18 Redis
原生JS实现分页
2022/04/19 Javascript