js alert(“”)弹框 自定义样式
阿里
阅读:1009
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.作者投稿可能会经我们编辑修改或补充。