基于JQuery实现页面定时弹出广告
Js相关技术
定时器:
setInterval & clearInterval
setTimeout & clearTimeout
显示: img.style.display = "block"
隐藏: img.style.display = "none"
img 对象
style属性: style对象
需求分析
当用户打开界面，3秒钟之后弹出广告，这个广告显示5秒钟，隐藏广告
技术分析
定时器: setTimeout
显示和隐藏: style.display = "block/none"
步骤分析：
- 导入JQ的文件
- 编写JQ的文档加载事件
- 启动定时器 setTimeout("",3000);
- 编写显示广告的函数
- 在显示广告里面再启动一个定时器
- 编写隐藏广告的函数
代码实现
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery-1.11.0.js" ></script> <!-- 1. 导入JQ的文件 2. 编写JQ的文档加载事件 3. 启动定时器 setTimeout("",3000); 4. 编写显示广告的函数 5. 在显示广告里面再启动一个定时器 6. 编写隐藏广告的函数 --> <script> //显示广告 function showAd(){ $("#img1").slideDown(2000); setTimeout("hideAd()",3000); } //隐藏广告 function hideAd(){ $("#img1").slideUp(2000); } $(function(){ setTimeout("showAd()",3000); }); </script> </head> <body> <img src="../img/f001a62f-a49d-4a4d-b56f-2b6908a0002c_g.jpg" id="img1" width="100%" style="display:none" /> </body> </html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍基于jQuery实现弹幕APP，包括了基于jQuery实现弹幕APP的使用技巧和注意事项，需要的朋友参考一下 今天闲着无聊，写了个弹幕APP，主要实现以下几个功能： 1.点击“弹幕发射”或回车可以输出弹幕到弹幕墙上。 2.弹幕的运行轨迹是从弹幕墙的最右边到最左边，Y轴的数值在弹幕墙的高度内随机，颜色HEX随机，速度随机。 3.右侧的表格可以储存弹幕内容以及弹幕的发射时间，越靠近现在的
-
本文向大家介绍基于jQuery实现瀑布流页面，包括了基于jQuery实现瀑布流页面的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jQuery实现瀑布流页面展示的具体代码，供大家参考，具体内容如下 views.py url.py index.html 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍基于jquery实现弹幕效果，包括了基于jquery实现弹幕效果的使用技巧和注意事项，需要的朋友参考一下 用jquery写的一个弹幕，供大家参考，具体内容如下 效果图： 源码： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍基于jQuery实现页面搜索功能，包括了基于jQuery实现页面搜索功能的使用技巧和注意事项，需要的朋友参考一下 jQuery实现页面搜索，搜索筛选用户输入的内容！ HTML: JQ: 更多搜索功能实现的精彩文章，请点击专题：javascript搜索功能汇总 进行学习 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍jQuery实现页面顶部下拉广告，包括了jQuery实现页面顶部下拉广告的使用技巧和注意事项，需要的朋友参考一下 本广告可以是图片也可以是Flash，可以设置自动播放的时间，可以手动停止和重播。 效果展示 http://demo.jb51.net/js/2016/jQuery_xiala/ 源码下载：http://xiazai.jb51.net/201612/yuanma/jQuer
-
本文向大家介绍基于JavaScript实现弹出框效果，包括了基于JavaScript实现弹出框效果的使用技巧和注意事项，需要的朋友参考一下 弹出框在网站页面中是必不可少的一部分，今天借助呐喊教程平台给大家分享使用js实现简单的弹出框效果，本文写不好，还请见谅！ 首先我们来分析弹出框的部件.简单弹出框分为头,内容,尾部. 头部中有标题和关闭按钮,内容就可以图文,媒体,iframe,flash等等