art.dialog自定义网站loading的写法

使用art.dialog需要先引入相关的js文件:

下载地址:https://download.csdn.net/download/liangmengbk/11240599

<script src="jquery-1.4.2.min.js"></script>
<script src="artDialog.js"></script>
<script src="iframeTools.js"></script>

封装方法: 

/*artdialog初始配置*/
(function (config) {
    config['lock'] = true;
    config['fixed'] = true;
    config['okVal'] = 'Ok';
    config['cancelVal'] = 'Cancel';
    // [more..]
})(art.dialog.defaults);

//----------------------------------------------------------------
// 功能:Loading<div style=\"width:250px; text-align:center;padding-bottom:10px;\"><span style=\"font-size:14px;\">' + loadingTip + '</span></div>
// ----------------------------------------------------------------
var artLoadinCommonPopg = "";
function loadingCommonPop(loadingTip) {
    artLoadinCommonPopg = art.dialog({
        id: "commonLoadingID",
        padding: 0,
        title: false,
        content: '<img src="/Images/loading.gif" width="250" height="250" />',
        lock: true
    });
    try {
        $("#TopTable tr").eq(0).css("display", "none");
        $("#CenterTable tr").eq(0).css("display", "none");
    } catch (e) { }
}
function closeLoadingCommonPop() {
    if (artLoadinCommonPopg != "") {
        artLoadinCommonPopg.close();
    }
}

使用实例:

  //开启loading
    function showProcess() {
        loadingCommonPop("请稍候，努力加载中...");
    }

    //关闭loading
    function closeProcess() {
        closeLoadingCommonPop();
    }

实例效果