JQurey页面广告的自动显示和隐藏

最新推荐文章于 2021-01-16 22:32:59 发布

_七七

最新推荐文章于 2021-01-16 22:32:59 发布

阅读量216

点赞数

分类专栏： JQuery 文章标签： html 广告 js jquery

本文链接：https://blog.csdn.net/qq_43472877/article/details/106793073

版权

JQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

JQurey广告的显示和隐藏

页面加载完成后，3秒后自动显示；
广告显示五秒后自动消失；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.4.1.min.js"></script>

    <script>
    //1.页面加载完成后，3秒后自动显示
        //2.广告显示五秒后自动消失
    
        $(function () {
            setTimeout(adShow,3000);
            setTimeout(adHide,8000);
        })

        //显示广告
        function adShow() {
            $("#ad").show("swing");
        }
    
        //隐藏广告
        function adHide() {
            $("#ad").hide("linear");
        }
        
    </script>

</head>
<body>
    <div>
        <!--广告div-->
        <div id="ad" style="display: none;height: 300px;width: 300px;border: 1px solid black;">
            广告广告广告
        </div>
        <!-- 正文div-->
        <div id="content">
            正文
            正文
        </div>
    </div>
</body>
</html>

_七七

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JQurey页面广告的自动显示和隐藏

JQurey广告的显示和隐藏页面加载完成后，3秒后自动显示；广告显示五秒后自动消失；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.4.1.min.js"></script> <script&gt
复制链接

扫一扫