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实现弹出层