实现弹窗广告出现消失再出现,点击X号广告消失
// Html部分
<div class="ad">
<img src="leader.png">
<span></span>
</div>
// CSS部分
*{
margin: 0;
padding: 0;
}
.ad{
position:fixed;
right: 0;
bottom: 0;
display: none;
}
.ad>span{
display:inline-block;
background-color: brown;
margin: 0 auto;
width: 30px;
height: 30px;
position:absolute;
right: 0;
top: 0;
}
// JS部分
$(function(){
// 监听span点击事件
$('span').click(function(){
$(".ad").remove()
})
// 普通执行广告动画
// $('.ad').slideDown(1000,function(){ //升起
// $('.ad').fadeOut(1000,function(){ //消失
// $('.ad').fadeIn(1000); //出现
// })
// })
//广告动画链式执行
$('.ad').slideDown(1000).fadeOut(1000).fadeIn(1000)
})
最后
以上就是风中烧鹅最近收集整理的关于jQuery—弹窗广告的全部内容,更多相关jQuery—弹窗广告内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复