在Ajax中经常用到的弹出窗口和遮蔽窗口。自己写肯定是一个最佳方案,但时间和成本上,还是决定了寻找现成的吧。大概罗列一下。需要我满足我几个条件
一定要简洁方便
拥有遮蔽功能,Model Dialog ,所谓的模态窗口
可以根据HTML弹出窗口
可以定义弹出窗口的位置,大小
其实我只需要一个框,我更希望框的内容我自己控制,这样通用性就强了。而且一定要简洁,不能弹个框也要配置复杂。
最后挑选下来最满意的Boxy
http://onehackoranother.com/projects/jquery/boxy/
Boxy生产的HTML代码也是很乱的。但Boxy的设置最简单,所以上手很容易(关注ing,发现CUP有些偏高)。
–=Other Links=–
http://www.ericmmartin.com/projects/simplemodal/
http://dev.iceburg.net/jquery/jqModal/#examples
simplemodal、jqModal 。这两个是最简单的,灵活性很好,但需要自己配制的多,而且官方的DEMO和我要的需求不是很相同。需要配置的多,学习成本高了。
如果你希望定制自己的Dialog,这两个插件,可以作为基础包,在基础包在封装一下。就可以很方便的满足你的要求。
http://www.malsup.com/jquery/block/
BlockUI效果很好。而且官方的帮助也很详细,如果只是简单的使用遮蔽,推荐使用,上手也容易。
http://jquery.com/demo/thickbox/
貌似很复杂,而且偏向于图片,直接就否决了
http://docs.jquery.com/UI/Dialog
官方的要,还要引几个扩展的JS,支持窗口缩放什么的,但生产的代码也太复杂了,不推荐。
网络上整理的一些Dialog列表
http://hi.baidu.com/freezesoul/blog/item/2889b44580e2fd23cffca3fb.html
http://vision-media.ca/resources/jquery/jquery-popup-plugin-review
Custom JavaScript Dialog Boxes
http://hi.baidu.com/freezesoul/blog/item/63a10bfa6e54109259ee90d8.html
分享到:
相关推荐
jquery弹出效果实例,展示了jquery对弹出窗口的多个实例,弹出窗口框,弹出框内弹出页面,
jquery 弹出窗口插件,包含js中的 alert confirm open 等。
jquery-dialog-drag.rar
遮罩层弹出半透明dialog,很fashion。
jquery-dialog
一个小的网站等待效果的例子,jquery做的,jquery的dialog,这里有div的z-index控制着div层的重叠顺序
jquery-ui 里的dialog 简单示例
android-dialog弹出框,弹出gridview条目选中,本人亲测,可以使用,放心下载吧!!
* 本js只是在bootstrap3-dialog的基础上进行的2次封装, * bootstrap3-dialog已经是非常好用了,调用也非常简单。 * 详情请访问:https://github.com/nakupanda/bootstrap3-dialog, * 这是原项目地址,可以自行...
dialog 弹出窗和底部弹出窗的实现和动画效果,中间弹出和底部弹出
lotus domino 表单文档相关--DialogBox弹出显示表单窗口
jQuery对话框Dialog弹出层插件演示与使用说明
主要介绍了elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
通过dialog解析自定义的布局文件,点击触发后以动画方式从底部弹出,类似点击分享底部弹出微信,qq等内容
基于 jquery 项目中 用到的dialog弹出层 一种弹出层
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...
弹出层(遮罩层)弹出页面垂直居中,一个不错的例子,可拿来使用。
一个想当漂亮的jquery提示框:jQuery Modal Dialog弹出对话框插件,可用它实现各种的网页提示效果,比如错误提示框、警告框、操作提示框等,暖色调界面,使用方法简单,参考本例所展示的各种提示框生成办法,就可...
NULL 博文链接:https://lishuaishuai.iteye.com/blog/1267230
显示一个对话框弹出窗口,其中包含针对您所指定的管理字段的帮助文本。 要求 django-redactoreditor 安装 通过pip安装应用程序: $ pip install django-admin-dialog 将django_admin_dialog和redactor添加到您已...