文档章节

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

Lucky_Me
 Lucky_Me
发布于 2017/09/07 23:12
字数 224
阅读 23
收藏 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
粉丝 9
博文 206
码字总数 74750
作品 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
527
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.9K
23

没有更多内容

加载失败,请刷新页面

加载更多

Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
今天
10
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
17
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
10
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部