jquery 提示信息


// 提示信息
// 使用 ShowTip("請輸入要搜索的處理機構!", 'info');
function ShowTip(tip, type) {
    var $tip = $('#tip');
    if ($tip.length == 0) {
    // 設置樣式,也可以定義在css文件中
        $tip = $('<span id="tip" style="transform:translate(-50%,-50%);position:fixed;top:50%;left: 50%;z-index:9999;height:28px; padding: 2px 16px;line-height: 28px;color:#fff;background:rgba(0,0,0,0.7);font-size:12px;border-radius:4px;"></span>');
        $('body').append($tip);
    }
    $tip.stop(true).prop('class', 'alert alert-' + type).text(tip).fadeIn(500).delay(1000).fadeOut(500);
}

// 正在加載中
//loading.ShowLoading(); 顯示   loading.CloseLoading();隱藏
var loading={
    loadingHtml:'<div class="loading" style="display: flex;align-items: center; transform:translate(-50%,-50%);position:fixed;top:50%;left: 50%;z-index:9999;height:28px; padding: 2px 16px;line-height: 28px;color:#fff;background:rgba(0,0,0,0.7);font-size:12px;border-radius:4px;"><img style="width: 14px;height: 14px;margin-right: 6px;" src="img/loading.gif" />正在加載中</div>',
    ShowLoading:function(){
        $('body').append(loading.loadingHtml);
    },
    CloseLoading:function(){
        $('body .loading').remove();
    }
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM