自定义好看的弹框

平常的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")

})