设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 数据 手机
当前位置: 首页 > 站长学院 > MsSql教程 > 正文

HTML实现遮罩层的方法 HTML中如何使用遮罩层(4)

发布时间:2020-03-19 03:42 所属栏目:116 来源:站长网
导读:$('.overlay').css({'height':$(document).height(),'width':$(document).width()}); $('.overlay').show(); } /** *显示Loading提示 */ functionshowLoading(){ //先显示遮罩层 showOverlay(); //Loading提示窗口

    $('.overlay').css({'height':$(document).height(),'width':$(document).width()});   

    $('.overlay').show();   

}   

  

/**  

 * 显示Loading提示  

 */  

function showLoading() {   

    // 先显示遮罩层   

    showOverlay();   

    // Loading提示窗口居中   

    $("#loadingTip").css('top',   

            (getWindowInnerHeight() - $("#loadingTip").height()) / 2 + 'px');   

    $("#loadingTip").css('left',   

            (getWindowInnerWidth() - $("#loadingTip").width()) / 2 + 'px');   

               

    $("#loadingTip").show();   

    $(document).scroll(function() {   

        return false;   

    });   

}   

  

/**  

 * 隐藏Loading提示  

 */  

function hideLoading() {   

    $('.overlay').hide();   

    $("#loadingTip").hide();   

    $(document).scroll(function() {   

        return true;   

    });   

}   

  

/**  

 * 模拟弹出模态窗口DIV  

 * @param innerHtml 模态窗口HTML内容  

 */  

function showModal(innerHtml) {   

    // 取得显示模拟模态窗口用DIV   

    var dialog = $('#modalDiv');   

       

    // 设置内容   

    dialog.html(innerHtml);   

       

    // 模态窗口DIV窗口居中   

    dialog.css({   

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读