网页定时弹出广告
<!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>