首页 > Web开发 > 详细

JQuery案例:暖心小广告

时间:2019-07-13 01:00:51      阅读:34      评论:0      收藏:0      [点我收藏+]

标签:interval   class   function   jquery   htm   close   none   borde   广告   

暖心小广告

写一个页面,每隔3秒显示小广告,再过3秒自动关闭。

<head>
    <meta charset="UTF-8">
    <title>暖心广告</title>
    <style>
        img {
            display: none;
        }
    </style>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        function showAd() {
            $("#pic").fadeIn("slow", function() {
                $(this).css({
                    "border": "1px solid #ccc",
                    "padding": "5px"
                });
            });
        }

        function closeAd() {
            $("#pic").fadeOut(1000);
        }
        $(function() {
            setInterval("showAd()", 1000);
            setInterval("closeAd()", 3000);
        });
    </script>
</head>

<body>
    <p><img src="img/img1.jpg" id="pic" /></p>
</body>

JQuery案例:暖心小广告

标签:interval   class   function   jquery   htm   close   none   borde   广告   

原文:https://www.cnblogs.com/tigerlion/p/11178783.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号