bootsrap 加载进度提示

bootsrap 加载进度提示繁體版

原文原文链接

bootrap 的加载数据效果：前端

function initLoading(){
    $("body").append("<!-- loading -->" +
            "<div class='modal fade' id='ajaxbodyloading' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' data-backdrop='static'>" +
            "<div class='modal-dialog' role='document'>" +
            "<div class='modal-content'>" +
            "<div class='modal-header'>" +
            "<h4 class='modal-title' >提示</h4>" +
            "</div>" +
            "<div  class='modal-body'>" +
            "<span class='glyphicon glyphicon-refresh' aria-hidden='true'></span>" +
            "加载中,请稍候..." +
            "</div>" +
            "</div>" +
            "</div>" +
            "</div>"
    );
}
function showLoading(){
   
    $("#ajaxbodyloading").modal("show");
}
function hideLoading(){
    $("#ajaxbodyloading").modal("hide");
}

测试过了，其实效果不怎样，换成是了 layer 前端框架，果真很厉害。ajax

更好的 http://www.jb51.net/article/87189.htm前端框架