文档章节

39.广告定时弹出定时关闭

Lucky_Me
 Lucky_Me
发布于 2017/09/07 23:12
字数 224
阅读 22
收藏 1

1.效果

2.代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>定时广告</title>
        <script src="../js/jquery-3.2.1.js"></script>
        <script>
            //1.定义时间变量
            var time;
            //2.启动定时器
            $(function(){
                time =    setInterval("showAd()",3000);
            })
            //3.展示广告方法
            function showAd(){
                //3.1得到div标签  并且显示
                $("#Ad").slideDown(2000);
                //3.2清除定时器
                clearInterval(time);
                //3.3 调用隐藏div的方法
                time = setInterval("hideAd()",4000);
            }
            //4.隐藏方法
            function hideAd(){
                $("#Ad").slideUp(2000);
                clearInterval(time);
                $("#Ad2").hide();//将文字也隐藏了
            }
        </script>
    </head>
    <body>
        <div>
            <p id="Ad2">广告3s后弹出</p>
        </div>
        <div id="Ad" style="display: none;">
            <img src="../img/4.png" />
        </div>
    </body>
</html>
3.注意事项

(1)引入 js库

(2)开始隐藏要照片

(3)注意照片的加载位置

 

© 著作权归作者所有

共有 人打赏支持
Lucky_Me
粉丝 7
博文 191
码字总数 64399
作品 0
美国
JavaWeb04-HTML篇笔记(二)

1.1 使用JQuery完成定时弹出广告:1.1.1 需求: 之前使用的JS的方式完成定时弹出广告,现在使用JQuery完成同样的效果: 1.1.2 分析1.1.2.1 技术分析: 【JQuery的概述】 【JS对象和JQ对象的转...

我是小谷粒
05/08
0
0
我公司网站会不定时弹出一些广告,是否是域名劫持?

我公司网站会不定时弹出一些广告,是否是域名劫持?网站代码已经检查过,有二种广告:一种是右下角的javascript 广告,一种是弹出的 淘宝电器页面; 但只是在公司的电脑访问才出现这种广告。...

首席吊炸天
2012/06/13
484
7
笔记78 | 解读一个闹钟代码

效果图: 最近因工作需要做一个定时器,一看需求,深思极恐: 1.定时发送开关指令; 2.可设置周期循环; 这不就是一个标准的闹钟吗? 哎呀,烧脑~ 是的,此君是BOS,核心内容就是几个指挥操...

项勇
07/21
0
0
JS对话框组件--artDialog

art.Dialog 是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关...

糖饼
2010/07/24
70K
10
artDialog v6 发布,JavaScript 对话框组件

artDialog v6 发布,官方没有提及改进内容。 art.Dialog 是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 功能: 支持锁定屏幕(遮罩)、模拟alert...

oschina
2013/12/08
14.7K
23

没有更多内容

加载失败,请刷新页面

加载更多

MySQL面试题集锦

什么是数据库索引?索引有哪几种类型?什么是最左前缀原则?索引算法有哪些?有什么区别? 索引是对数据库表中一列或多列的值进行排序的一种结构。一个非常恰当的比喻就是书的目录页与书的正...

老道士
15分钟前
0
0
使用 LogStash 归集日志

elastic 官网: https://www.elastic.co/ 为了便于集中查看多台主机的业务日志,使用 Filebeat, Redis, Logstash的方式进行收集: (1) Filebeat 监控日志文件的变化, 将新增部分写入redis中, 每...

ouhoo
18分钟前
0
0
java序列化(六) - protostuff序列化

添加依赖 <dependency> <groupId>io.protostuff</groupId> <artifactId>protostuff-core</artifactId> <version>1.5.9</version> </de......

晨猫
24分钟前
0
0
Ceph学习笔记1-Mimic版本多节点部署

特别说明: 本方法也可以用于单节点部署,只部署一个Monitor(只是会形成单点故障而已),最低要求是使用两个分区创建2个OSD(因为默认最小副本是2);如果不需要使用CephFS,则可以不部署M...

LastRitter
27分钟前
0
0
923. 3Sum With Multiplicity - LeetCode

Question 923. 3Sum With Multiplicity Solution 题目大意: 给一个int数组A和一个目标值target,求满足下面两个条件的组合个数,其中i,j,k分别为数组的索引 i<j<k target = A[i] + A[j] + A[k...

yysue
29分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部