js--网页定时弹出广告,首页弹出广告

网页定时弹出广告

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
        /*
         * 1 确定事件
         * 2 事件要触发函数 init()
         * 3 init函数里面做一个事件:
         * =    1 启动一个定时器:setTimout()
         *         2 显示一个广告
         *             关闭广告
         */
        
        function hideAD(){
            //首先获取需要操作的img
            var img=document.getElementById("img1");
            //然后隐藏图片
            img.style.display="none";
        }
        
        function showAD(){
            //首先获取需要操作的img
            var img=document.getElementById("img1");
            //显示广告
            img.style.display="block";
            
            //再开启定时器关闭广告
            setTimeout("hideAD()",3000);
            
        }
        
        
        function init(){
            setTimeout("showAD()",3000);
        }
            
        </script>
    </head>
    <body onload="init()">
        <img src="img/image/3.jpg" id="img1" width="100%" height="30%" style="display: none;" />
        <img src="img/image/1.jpg" />
    </body>
</html>

 

 

首页弹出广告

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            //当我们打开网页的时候,过5s钟弹出一个广告。让我们看5s之后自动隐藏。
            function hideImg()
            {
                var img=document.getElementById("img1");
                img.style.display="none";//图片的隐藏
            }
            function show(){
                var img=document.getElementById("img1");
                img.style.display="block";//图片的显示
            }
        </script>
    </head>
    <body>
        <input type="button" value="显示" onclick="show()" />
        <input type="button" value="隐藏" onclick="hideImg()" /><br />
        <img src="img/attack/z_1_attack_03.png" id="img1" />
    </body>
</html>

 

posted @ 2019-07-17 14:56  薄眠抛却陈年事。  阅读(861)  评论(0编辑  收藏  举报