平常的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")
})
点击任何屏幕地方消失:
//pc端
$('body').on('click',function(){
$(".alert_tip").css("display","none")
})
//手机端
$('body').on('touchend',function(){
$(".alert_tip").css("display","none")
})