平常的js弹框alert("43413412"),不太好看,所以我自定义了一个弹框
html结构:
<div class="alert_tip"></div>
<style>
样式可以自定义
</style>:
jq方法弹出:
$(".alert_tip").html("Please enter your name");
$(".alert_tip").animate({display:"block"},100,function(){
$(".alert_tip").css("display","block")
})
扫描二维码关注公众号,回复:
2964005 查看本文章
点击任何屏幕地方消失:
//pc端
$('body').on('click',function(){
$(".alert_tip").css("display","none")
})
//手机端
$('body').on('touchend',function(){
$(".alert_tip").css("display","none")
})