首页 > 其他 > 详细

JQ实现广告的定时弹出与关闭

时间:2020-04-09 14:10:06      阅读:115      评论:0      收藏:0      [点我收藏+]
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>广告定时弹出与关闭</title>
 6         <script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
 7         
 8         <script>
 9             function showAD(){
10                 $("#img1").slideDown(3000);
11                 setTimeout("hideAD()",6000);
12             }
13             
14             function hideAD(){
15                 $("#img1").slideUp(3000);
16             }
17             
18             $(function(){
19                 setTimeout("showAD()",3000);
20             });
21         </script>
22     </head>
23     <body>
24         <img src="../img/1.jpg" width="100%" id="img1" style="display: none;"/>
25     </body>
26 </html>

 

JQ实现广告的定时弹出与关闭

原文:https://www.cnblogs.com/yxfyg/p/12666357.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!