文档章节

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

Lucky_Me
 Lucky_Me
发布于 2017/09/07 23:12
字数 224
阅读 21
收藏 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
粉丝 6
博文 182
码字总数 59112
作品 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
javascript常用函数大全 + javascript事半功倍/速成系列 + javascript技巧

创建脚本块 隐藏脚本代码 在不支持JavaScript的浏览器中将不执行相关代码 浏览器不支持的时候显示 链接外部脚本文件 注释脚本 输出到浏览器 document.write(“Hello”); 定义变量 var myVari...

a125138
2012/07/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

基于TP5的微信的公众号获取登录用户信息

之前讲过微信的公众号自动登录的菜单配置,这次记录一下在TP5项目中获取自动登录的用户信息并存到数据库的操作 基本的流程为:微信设置自动登录的菜单—>访问的URL指定的函数里获取用户信息—...

月夜中徘徊
56分钟前
0
0
youTrack

package jetbrains.teamsys.license.runtime; 计算lis package jetbrains.ring.license.reader; 验证lis 安装后先不要生成lis,要把相关文件进行替换 ring-license-checker-1.0.41.jar char......

max佩恩
59分钟前
0
0
12.17 Nginx负载均衡

Nginx负载均衡 下面的dig看到可以返回2个IP,就是解析出来的IP,这样我们可以做负载均衡。 dig www.qq.com 1.vim /usr/local/nginx/conf/vhost/fuzai.conf 2.添加如下配置 upstream qq //定义...

芬野de博客
今天
0
0
SSE(Server Send Event 服务端发送事件)

package com.example.demo.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframe......

Canaan_
今天
0
0
jvm调优

1.jvm运行模式 client模式:启动快,占用内存少,jit编译器生成代码的速度也更快. server模式:主要优势在于代码优化功能,这个功能对于服务器应用而言尤其重要. tiered server模式:结合了client与...

Funcy1122
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部