js美化alert()弹出框

使用重定义

//弹出自定义提示窗口
var showAlert= function(msg,url,element){
    //遮罩
    if ( $("#cover_alert").length > 0) {
        //遮罩存在,直接调起
        $("#cover_alert").show();
    }else{
        var coverHtml ='<div class="cover"  id="cover_alert"  onclick="closeAlert()" style="z-index: 101;"></div>';
        $("body").append(coverHtml);
        $("#cover_alert").show();
    }
     //弹框
    if ( $("#pop_box_alert").length > 0 &&  $("#pop_box_msg").length > 0 ) {
        //存在,则只修改文字
         $('#pop_box_msg').html(msg);
         $("#pop_box_msg").show();
    } else{
        var messageHtml = '<div class="pop_box" id="pop_box_alert" onclick="closeAlert()" style="z-index: 102;">'+
                                                    '<div class="pop_img">'+
                                                        '<img src="/assets/images/front/images/pop_top.png">'+
                                                    '</div>'+
                                                    '<div class="pop_center">'+
                                                        '<p id="pop_box_msg">'+msg+'</p>'+
                                                    '</div>'+
                                                    '<div class="pop_img">'+
                                                        '<img src="/assets/images/front/images/pop_bottom.png">'+
                                                    '</div>'+
                                                '</div>';
        $("body").append(messageHtml);
    }
     $("#pop_box_alert").show();
    var sVal = arguments[2] ? arguments[2] : 0;
     if(url){
         if(url=='share'){
             setTimeout("showTip()", 2000 )
         }
         if(url=='list'){
            var rit ='/meeting/list/'+sVal;
             setTimeout(function(){redirectList(rit)} , 2000 );
         }
     }else{
         setTimeout("$('#pop_box_alert').hide();$('#cover_alert').hide();" , 2000);
     }
}
//重定义alert
//那么重点来了!!!!!!!!!!!!!!!
window.alert=showAlert;
//那么重点来了!!!!!!!!!!!!!!!
//点击遮罩关闭
function closeAlert(){
    $("#pop_box_alert").hide();
     $("#cover_alert").hide();
}

//跳转列表页
function redirectList(url){
    $('#pop_box_alert').hide(); 
    window.location.href=url;
}

//显示遮罩碳层
function showTip(element){
    $("#pop_box_alert").hide();
    $("#cover_alert").hide();
    $('#shareZindex').show();
}

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值