前言

为啥用4.1.7这个老版本呢？因为要兼容老浏览器。ε=(´ο｀*)))唉

先选择一套css皮肤，引入皮肤

官方做了10套皮肤，如下：

aero.css
chrome.css
green.css
opera.css
black.css
blue.css
default.css
idialog.css
twitter.css
simple.css

一般我用aero.css。如果想用其他皮肤，就替换文件名即可。

<link href="http://hebei.sinaimg.cn/subject/2017/skins/aero.css" type="text/css" rel="stylesheet" />

引入js文件

我用的是不依赖jQuery的版本：

<script src="http://hebei.sinaimg.cn/subject/2017/artDialog.js"></script>

测试一下

<script>
art.dialog({
    content: '如果定义了回调函数才会出现相应的按钮',
    ok: function () {
        this.title('3秒后自动关闭').time(3);
        return false;
    },
    cancelVal: '关闭',
    cancel: true //为true等价于function(){}
});
</script>

结果是：

Paste_Image.png

手册

目前没看到有比较好的手册，官方的老版本手册也废了，所以，可以百度或bing“artdialog 4.0”或者“artdialog 4.1”来查一查。

补充：找到一个：http://demo.jb51.net/js/2011/artDialog/index.html