JS實現圖片的彈出和隱藏

本文轉載自查看原文 2020-04-07 11:03 1039 Java Web 前端編程練習

 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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js實現點擊隱藏圖片 js實現圖片點擊彈出放大效果 js實現點擊圖片彈出放大效果超簡單的js實現提示效果彈出以及延遲隱藏的功能 JS隱藏顯示圖片 DIV+JS+CSS實現點擊彈出圖片效果 javascript如何實現圖片隱藏？工作當中實際運用（3）——js原生實現鼠標點擊彈出div層在點擊隱藏 js_點擊彈出圖片 js實現彈出層