最近在做项目的时候需要对很多的页面进行改造,将已有的页面已div的形式弹出来,自己在网上找了很多jQuery的插件但是都觉得不够好,最后发现了一个国产的插件“artDialog”还不错(支持国产 啊:D ),使用很简单、上手快、API全!
一、下载
地址:http://code.google.com/p/artdialog/downloads/list
在这里可以获取到最新版本的artDialog,目前最新版本是3.0.4
二、应用到项目
1、将下载的zip包解压后整体copy到项目中
2、在页面head引入一个js文件
<script src="artDialog3.0.4/artDialog.min.js"></script>
3、在页面head设置默认配置(可选)。
<script>
// 设置对话框全局默认配置
(function(){
var d = art.dialog.defaults;
// 按需加载要用到的皮肤,数组第一个为默认皮肤
// 如果只使用默认皮肤,可以不填写skin
d.skin = ['default', 'chrome', 'facebook', 'aero'];
// 支持拖动
d.drag = true;
// 超过此面积大小的对话框使用替身拖动
d.showTemp = 100000;
})();
</script>
4、在自己的js函数里面使用
function test(){
art.dialog({
lock: true,
content: '中断用户在对话框以外的交互,展示重要操作与消息',
yesFn: function(){
art.dialog({content: '再来一个锁屏', lock: true});
return false;
},
noFn: true
});
}
效果如下:
更多参数配置可以查看下载中自带的API。。
- 大小: 90.3 KB
分享到:
相关推荐
NULL 博文链接:https://wang371134086.iteye.com/blog/1563843
artDialog
artDialog插件的使用和相关API详解
artDialog源码
自己写的一些小例子,代码清晰明了易懂, 使用json格式交互,套用artDialog漂亮的窗口, 使用SSH框架
artDialog下载的4.15资源的下载。
artDialog 例子
artDialog——经典、优雅的网页对话框控件
artDialog官方文档
artdialog效果很不多,上传上来大家都可以试试~!
artdialog4.1.5 另附使用方法,http://blog.csdn.net/weinierbian/article/details/7566459
artDialog对Iframe支持的最后一版,个人觉得比6.0好用
artDialog的特殊UI框架能够适应内容变化,因此你不必去考虑消息内容尺寸使用它。当然它仍然可以接受一个固定高宽的参数,它能够防止内容溢出或截断,同时也不会产生难看的滚动条;它的消息容器甚至能够根据宽度让...
artDialog3.0.5 仿facebook弹窗
artDialog 是一个设计得十分巧妙的对话框组件,小巧身材却拥有丰富的接口与漂亮的外观。可以独立使用,也可以集成在jQuery里,小巧,灵活,功能强大。本附件是2012-10-30下载于github,最近更新日期为2012-6.
artDialog4.1.7的源码文件,php版本。
artDialog-master
artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他框架。
artDialog 是一个设计得十分巧妙的对话框组件,小巧身材却拥有丰富的接口与漂亮的外观。