js alert(“”)弹框 自定义样式分析

阿里 阅读:213 2020-01-09 16:58:03 评论:0

首先用css渲染一个样式

#msg{ 
    height: 2rem; 
    text-align: center; 
    position: fixed; 
    top: 50%; 
    margin-top: -1rem; 
    line-height: 2rem; 
    width: 100%; 
} 
#msg span{ 
    color: #fff; 
    background: rgba(0,0,0,0.6); 
    height: 2rem; 
    display: inline-block; 
    padding: 0 3rem; 
    border-radius: 5px; 
}

然后js匿名一个函数,用的时候就直接用alert事件就行了

function alert(e){ 
    $("body").append("<div id='msg'><span>"+e+"</span></div>"); 
    clearmsg(); 
} 
function clearmsg(){ 
    var t = setTimeout(function(){ 
        $("#msg").remove(); 
    },2000) 
};

 

声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
关注我们

扫一扫关注我们,了解最新精彩内容