js----5秒后自动关闭广告

最新推荐文章于 2024-04-18 19:55:51 发布

liuyi0604

最新推荐文章于 2024-04-18 19:55:51 发布

阅读量3.7k

点赞数 2

本文链接：https://blog.csdn.net/liuyi0604/article/details/81232002

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        img{
            position:absolute;
            top:0;
        }
        #left{
            left:0;
        }
        #right{
            right:0
        }
    </style>
</head>
<body>
    <img src="1.gif" alt="" id="left">
    <img src="2.gif" alt="" id="right">
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
</body>
</html>
<script>
    function $(id) {return document.getElementById(id);}   //id函数
    function hide(id){
        $(id).style.display = "none";
    }
    function play(){
        $(id).style.display = "block";
    } 

    setTimeout(closeAd,5000);
    function closeAd(){
        hide("left");
        hide("right");
    }
</script>

liuyi0604

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js----5秒后自动关闭广告

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
复制链接

扫一扫