前言：
今天姐妹们对“jqueryui弹出框”大体比较重视，看官们都需要知道一些“jqueryui弹出框”的相关文章。那么小编在网络上网罗了一些关于“jqueryui弹出框””的相关文章，希望大家能喜欢，你们一起来学习一下吧！其核心是setTimeout()函数功能，实现反复弹出。
1、当网页打开时效果
当网页打开时情况下
2、点击关闭后，黑色阴影部分消失，但是在2秒后又会在右下角出现。
jQuery核心代码：
$(document).ready(function() {
var k = $("#k");
$("#k").css("bottom", "0");
$("#k a").click(function() {
$("#k").css("bottom", "-200px");
setTimeout(function() {
$("#k").css("bottom", "0")
}, 2000);
});
});
HTML代码：
<div id="k">
<a>关闭</a>
</div>
CSS代码：
* {
margin: 0;
padding: 0
}
#k {
width: 200px;
height: 200px;
position: fixed;
right: 30px;
bottom: -200px;
background-color:#666;
transition: all 2s;
}
#k a {
float: right;
padding: 5px 10px;
border: 1px solid black;
cursor: pointer;
}
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #jqueryui弹出框
