悠悠楠杉
网站页面
点击按钮后提示弹窗代码
07/14
css代码：
/*提示弹窗*/
._toast{
position: fixed;
z-index: 99999999;
padding: 10px 20px;
/*padding: 0.213333rem 0.213333rem;*/
background: rgba(0,0,0,.6);
color: #fff;
border-radius: 5px;
/*border-radius: 0.133333rem;*/
left: 50%;
top: 50%;
font-size: 17px;
/*font-size: 0.373333rem;*/
transform:translateX(-50%) translateY(-50%);
font-style: normal;
max-width: 500px;
}
js代码：
// 提示弹窗
function toast(val,time){
if($("._toast").length==0){
$("body").append("<div class='_toast'>"+val+"</div>")
$("._toast").fadeIn(300,function(){
setTimeout(function(){
$("._toast").fadeOut(200,function(){
$("._toast").remove();
});
},(time || 2000))
});
}
}
引用：
$(".btn").click(function(){
toast("请输入手机号码");
});
