jQuery实现弹窗广告

<script src="js/jquery-1.8.3.js"></script>

        * {
            margin: 0;
            padding: 0;
        }
        
        .ad {
            position: fixed;
            right: 0;
            bottom: 0;
            display: none;
        }
        
        .ad>span {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: red;
            position: absolute;
            top: 0;
            right: 0;
        }

   <div class="ad">
        <img src="img/zl.jpg" alt="">
        <span></span>
    </div>

        $(function() {
            //1.监听span的点击事件
            $("span").click(function() {
                $(".ad").remove();
            });

            //2.执行广告相关的动画
            /*
            $(".ad").slideDown(1000, function() {
                $(".ad").fadeOut(1000, function() {
                    $(".ad").fadeIn(1000);
                });
            });
            */
            $(".ad").stop().slideDown(1000).fadeOut(1000).fadeIn(1000);
        });

最后

以上就是腼腆蚂蚁为你收集整理的jQuery实现弹窗广告的全部内容，希望文章能够帮你解决jQuery实现弹窗广告所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。