JS弹窗提示

var msg_ding_shi_qi;
//错误时:提示调用方法
function show_err_msg(msg){
    $('.msg_bg').html('');
    clearTimeout(msg_ding_shi_qi);
    $('body').append('<div class="sub_err" style="position:absolute;top:60px;left:0;width:500px;z-index:999999;"></div>');
    var err_html = '<div class="bac" style="padding:8px 0px;border:1px solid #ff0000;width:100%;margin:0 auto;background-color:#fff;color:#B90802;border:3px #ff0000 solid;text-align:center;font-size:16px;font-family:微软雅黑;"><img style="margin-right:10px;" src="/static/admin/images/error.png">';
    var err_html_foot = '</div>';
    $('.msg_bg').height($(document).height());
    $('.sub_err').html(err_html + msg + err_html_foot);
    var left = ($(document).width()-500)/2;
    $('.sub_err').css({'left':left+'px'});
    var scroll_height = $(document).scrollTop();
    $('.sub_err').animate({'top': scroll_height+120},300);
    msg_ding_shi_qi = setTimeout(function(){
        $('.sub_err').animate({'top': scroll_height+80},300);
        setTimeout(function(){
            $('.msg_bg').remove();
            $('.sub_err').remove();
        },300);
    }, "1000");
}

//正确时:提示调用方法
function show_msg(msg,url){
    $('.msg_bg').html('');
    clearTimeout(msg_ding_shi_qi);
    $('body').append('<div class="sub_err" style="position:absolute;top:60px;left:0;width:500px;z-index:999999;"></div>');
    var html_top = '<div class="bac" style="padding:8px 0px;border:1px solid #090;width:100%;margin:0 auto;background-color:#FFF2F8;color:#090;border:3px #090 solid;;text-align:center;font-size:16px;"><img style="margin-right:10px;" src="/static/admin/images/right.png">';
    var html_foot = '</div>';
    $('.msg_bg').height($(document).height());
    var left = ($(document).width()-500)/2;
    $('.sub_err').css({'left':left+'px'});
    $('.sub_err').html(html_top + msg + html_foot);
    var scroll_height=$(document).scrollTop();
    $('.sub_err').animate({'top': scroll_height+120},500);
    msg_ding_shi_qi = setTimeout(function(){
        $('.sub_err').animate({'top': scroll_height+80},500);
        setTimeout(function(){
            $('.msg_bg').remove();
            $('.sub_err').remove();
            if(url != '') {
                location.href = url;
            }
        },800);

    }, "1200");
}

//显示加载动画
function show_loading(){
    var str = '<div class="msg_bg" style="background:#000;opacity:0.5;filter:alpha(opacity=50);z-index:99998;width:100%;position:absolute;left:0;top:0"></div>';
    str += '<div class="msg_bg" style="z-index:99999;width:100%;position:absolute;left:0;top:0;text-align:center;"><img src="/static/admin/images/loading.gif" alt="" class="loading"></div>';
    $('body').append(str);
    var scroll_height = $(document).scrollTop();
    $('.msg_bg').height($(document).height());
    $('.loading').css('margin-top',scroll_height + 240);
}

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凌晨四点的_LA

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值