JS实现图片的弹出和隐藏

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>图片的弹出和隐藏</title>
 6         <script>
 7             function display(){
 8                 setTimeout("showPic()",3000);
 9             }
10             
11             function showPic(){
12                 var img = document.getElementById("img");
13                 img.style.display = "block";
14                 setTimeout("hiddenPic()",3000);
15             }
16             
17             function hiddenPic(){
18                 var img = document.getElementById("img");
19                 img.style.display = "none";
20             }
21         </script>
22     </head>
23     <body onload="display()">
24         <img src="./img/1.jpg" id="img" style="display: none;"/>
25     </body>
26 </html>

猜你喜欢

转载自www.cnblogs.com/yxfyg/p/12652114.html
今日推荐