artDialog使用小结

本文介绍了一款名为artDialog的国产对话框插件,并详细展示了如何将其应用于项目中,包括下载、配置及使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在做项目的时候需要对很多的页面进行改造,将已有的页面已div的形式弹出来,自己在网上找了很多jQuery的插件但是都觉得不够好,最后发现了一个国产的插件“artDialog”还不错(支持国产 啊:D ),使用很简单、上手快、API全!

[b]一、下载[/b]
地址:http://code.google.com/p/artdialog/downloads/list
在这里可以获取到最新版本的artDialog,目前最新版本是3.0.4

[b]二、应用到项目[/b]
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
});
}


效果如下:
[img]http://dl.iteye.com/upload/attachment/353338/cbf234cf-8e63-3466-95c7-f4935d7e73d9.png[/img]

[b]更多参数配置可以查看下载中自带的API。。[/b]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值