JQuery-广告的自动展示与关闭
2020-04-01 19:04
1491 查看
个人博客
编写两个事件,广告的显示与关闭,设定动画后,在页面加载时设定计数器,3秒后显示广告,5秒后广告自动消失
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>广告的自动显示与隐藏</title> <style> #content{width:100%;height:500px;background:#999} </style> <!--引入jquery--> <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script> <script> //显示广告 $(function () { setTimeout(adShow,3000)//三秒后展示 setTimeout(adHide,8000)//八秒后消失 }) function adShow() { $("#ad").show("slow")//进入动画设置 } function adHide() { $("#ad").hide("slow")//消失动画设置 } </script> </head> <body> <!-- 整体的DIV --> <div> <!-- 广告DIV --> <div id="ad" style="display: none;"> <img style="width:100%" src="../img/adv.jpg" /> </div> <!-- 下方正文部分 --> <div id="content"> 正文部分 </div> </div> </body> </html>
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- jquery右下角自动弹出可关闭的广告层
- jquery右下角自动弹出可关闭的广告层
- 用Gallery(画廊)做的图片自动切换(可用作广告图片展示)
- JQuery实现广告栏伸索展示
- 为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能。
- jquery实现两边飘浮可关闭的对联广告
- jQuery 弹出窗口2秒后自动关闭
- S实现5秒钟自动关闭的div广告层
- jQuery实现列表自动滚动循环滚动展示新闻
- JS代码 让广告在弹出后自动关闭
- layer弹出ifream,提交之后自动关闭;无限级分类排序以及无限级分类子孙图树形展示
- 网友伊凯分享原创广告展示Jquery插件
- VC++编程实现广告窗口自动关闭
- flash+jQuery实现可关闭及重复播放的压顶广告
- jQuery实现的产品自动360度旋转展示特效源码分享
- NoAds 2006.07.28(可以自动关闭网页浏览时弹出的广告小视窗)zkacb汉化版
- 完美仿MSN右下角弹出广告代码并可自动消失,附带关闭按钮
- jquery360度旋转插件自动选择鼠标拖动旋转产品展示
- JS上下自动漂浮广告,可关闭
- Example004自动关闭的广告窗口