欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

点击按钮出现提示框三秒,三秒后消失

程序员文章站 2022-03-22 14:51:26
点击按钮出现提示框三秒,三秒后消失.prompt{ display: none; padding:20px; position: fixed; top: 40%; left:40%; border-radius:5px; background: rgba(0,0,0,0.4); z-index: 5 ......

点击按钮出现提示框三秒,三秒后消失




.prompt{
display: none;
padding:20px;
position: fixed;
top: 40%; left:40%;
border-radius:5px;
background: rgba(0,0,0,0.4);
z-index: 5000;
color:#FFF;
}

<button class="btn">alert</button>
<p class="prompt">Submission of success</p>

$ (function (){
$ ('.btn').click (function (){
$ ('.prompt').show().delay(1000).fadeOut();
});
});