自定义好看的弹框

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

})

猜你喜欢

转载自blog.csdn.net/qq_40101922/article/details/82143808