弹出窗口—jQuery UI Dialog和artDialog
2011-11-28 15:02
447 查看
之前经同事介绍所有的弹出窗口(提示,图片浏览,页面,异步获取动态提示等)都运用了artDialog,由于一些元老级人物还在用IE6,artDialog在IE6下窗体样式有些不兼容,所以着手研究jquery UI Dialog,发现网站上对这两种方式都给出了详细的属性介绍和Demo,对Iframe框架的弹出也有很好的解决方案,用起来非常简单也非常方便,效率,js大小神马的有待研究。。。。
一:Jquery UI Dialog
地址:http://jqueryui.com/demos/dialog/
皮肤模板下载:http://jqueryui.com/themeroller/
中文帮助文档:http://jqueryui.net/dialog/
下载地址:http://jqueryui.com/download
二:artDialog
地址:http://www.planeart.cn/demo/artDialog/_doc/API.html
下载:http://code.google.com/p/artdialog/downloads/list
在下载文件中skins文件夹中包含了所有皮肤,如有没有合适的可以根据自己的需求进行修改
这两种应用的页面上的方法相似,都是只要引用相应的js文件以及css样式,把所需的图片加进去,就可以根据需要写不同的js实现弹出窗体,只要有js基础,再看一下提供的demo,应该很快就学会应用。
一:Jquery UI Dialog
地址:http://jqueryui.com/demos/dialog/
皮肤模板下载:http://jqueryui.com/themeroller/
中文帮助文档:http://jqueryui.net/dialog/
下载地址:http://jqueryui.com/download
二:artDialog
地址:http://www.planeart.cn/demo/artDialog/_doc/API.html
下载:http://code.google.com/p/artdialog/downloads/list
在下载文件中skins文件夹中包含了所有皮肤,如有没有合适的可以根据自己的需求进行修改
这两种应用的页面上的方法相似,都是只要引用相应的js文件以及css样式,把所需的图片加进去,就可以根据需要写不同的js实现弹出窗体,只要有js基础,再看一下提供的demo,应该很快就学会应用。
相关文章推荐
- jquery ui dialog|popup 弹出窗口层
- jquery ui dialog|popup 弹出窗口层
- jQuery UI Dialog 创建弹出对话框的一些参数
- jQuery UI Dialog 创建友好的弹出对话框实现代码
- JQuery-Dialog(弹出窗口,遮蔽窗口)
- JQuery+JQuery ui实现的弹出窗口
- JQuery-Dialog(弹出窗口,遮蔽窗口)
- 基于Jquery的原生态dialog弹出窗口-zapWindow
- jquery-easyui:window或dialog 中弹出的多个窗口中不能含相同的名称的form 或 input
- jQuery UI Dialog 创建友好的弹出对话框
- jQuery UI Dialog 创建友好的弹出对话框
- iframe中的jquery ui modal dialog 覆盖父窗口
- JQuery-Dialog(弹出窗口,遮蔽窗口)
- jquery ui dialog弹出窗 清空缓存Cache或强制刷新
- JQuery+JQuery ui实现的弹出窗口+遮罩层+拖动+更改大小~!
- JQuery+JQuery ui实现的弹出窗口+遮罩层+拖动+更改大小~!
- jQuery UI Dialog 模态窗口
- jQuery UI Dialog 创建友好的弹出对话框实现代码 详细出处参考:http://www.jb51.net/article/30087.htm
- Yii框架弹出窗口组件CJuiDialog用法分析