文档章节

广告定时弹出定时关闭

L
 Lucky_Me
发布于 2017/09/07 23:12
字数 189
阅读 18
收藏 1
点赞 0
评论 0

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)注意照片的加载位置

 

© 著作权归作者所有

共有 人打赏支持
L
粉丝 6
博文 145
码字总数 42078
作品 0
美国
JavaWeb04-HTML篇笔记(二)

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

我是小谷粒 ⋅ 05/08 ⋅ 0

我公司网站会不定时弹出一些广告,是否是域名劫持?

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

首席吊炸天 ⋅ 2012/06/13 ⋅ 7

Win7关机命令怎么做

工具/原料 如何使用命令关闭电脑 利用任务计划程序实现定时关机

一念三千 ⋅ 2012/12/12 ⋅ 1

JS对话框组件--artDialog

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

糖饼 ⋅ 2010/07/24 ⋅ 10

artDialog v6 发布,JavaScript 对话框组件

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

oschina ⋅ 2013/12/08 ⋅ 23

javascript常用函数大全 + javascript事半功倍/速成系列 + javascript技巧

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

a125138 ⋅ 2012/07/28 ⋅ 0

一个文件搞定操作系统的所有问题

使用电脑的过程中我们会遇到很多的问题,烦人的广告窗口不停的弹出;不停的在多套网络配置中切换;时常忘掉备份网络中的关键数据;加密的文件夹由于误操作无法打开。你想过没有以上这些问题都...

技术小美 ⋅ 2017/11/10 ⋅ 0

红蜻蜓抓图精灵(RdfSnap)2017绿色版64位下载

红蜻蜓抓图精灵2107的英文名为RdfSnap,是一款完全免费的专业级屏幕捕捉软件,它拥有长网页滚屏捕捉、定时自动截、图捕捉图像预览、图像编辑、延迟捕捉、捕捉层叠菜单、水印添加、外接图片编辑...

weixin_42030895 ⋅ 05/10 ⋅ 0

实现php代码开关机自动执行

一直以来,使用PHP定时运行脚本都是让大家头痛的问题,但是我们确实可以利用windows的计划任务来定时调用PHP脚本,当然这还要感谢PHP.exe。下面,站长将向大家介绍,如何来实现。 目标:根据...

Deacyn ⋅ 2013/06/06 ⋅ 0

php 定时脚本管理器

正常情况下我们执行PHP定时脚本会采用Linux下面的crontab来处理,但是有时候为了更好管理定时脚本(在后台查看定时脚本运行状态,开启和关闭定时脚本,不懂cron命令也可以操作),这时可以写...

小伟哥 ⋅ 2013/11/04 ⋅ 3

没有更多内容

加载失败,请刷新页面

加载更多

下一页

编译安装apache2.4.33

1. 环境 编译安装apache2.4.33,错误 error: ld returned 1 exit status。 CentOS 7.2apr-1.6.3apr-util-1.6.1httpd-2.4.33 2. 编译报错 编译安装完 apr apr-util 之后,安装httpd-2.4.3......

周云台 ⋅ 15分钟前 ⋅ 0

jsonrpc-4j代码解析

解析文件 AutoJsonRpcServiceImplExporter JsonServiceExporter AutoJsonRpcServiceImplExporter 路径:com.googlecode.jsonrpc4j.spring.AutoJsonRpcServiceImplExporter AutoJsonRpcServi......

郭恩洲_OSC博客 ⋅ 24分钟前 ⋅ 0

百度搜索

from selenium import webdriver import time brower=webdriver.Firefox() brower.get('http://www.baidu.com') input=brower.find_element_by_id('kw') input.send_keys('中南大学') time.s......

南桥北木 ⋅ 30分钟前 ⋅ 0

tomcat 日志记录器

1、日志记录器是记录消息的组件 日志记录器需要与某个servlet 容器相关联 2、Logger 接口 共定义了5种日志级别:FATAL、ERROR、WARNING、INFORMATION、DEBUGGER setVerbosity 设置级别 setC...

职业搬砖20年 ⋅ 32分钟前 ⋅ 0

Thrift RPC实战(三) Thrift序列化机制

1.Thrift基础架构 Thrift是一个客户端和服务端的架构体系,数据通过socket传输; 具有自己内部定义的传输协议规范(TProtocol)和传输数据标准(TTransports); 通过IDL脚本对传输数据的数据结构...

lemonLove ⋅ 32分钟前 ⋅ 0

网站建设就要像2018世界杯的俄罗斯队大杀四方[图]

今天心情不错,因为昨天晚上观看了世界杯比赛,尤其是对俄罗斯队的大杀四方感到十分霸气侧漏啊,因此我联想到了自己的博客网站,我的博客是去年年底上线的,一直想建设一个关于读书和读后感作...

原创小博客 ⋅ 41分钟前 ⋅ 0

Greenplum 三节点安装教程(非root用户)

Greenplum 三节点安装教程(非root用户) 环境准备 安装vmware,装三台centos 虚拟机设置: 主机名 IP 内存 硬盘 node1 Xxx1 2G 80G node2 Xxx2 2G 80G node3 Xxx3 2G 80G CSDN下载greenplum...

仔仔1993 ⋅ 41分钟前 ⋅ 0

linux 信号机制

signal(SIGPIPE, SIG_IGN); TCP是全双工的信道, 可以看作两条单工信道, TCP连接两端的两个端点各负责一条. 当对端调用close时, 虽然本意是关闭整个两条信道, 但本端只是收到FIN包. 按照TCP协...

xxdd ⋅ 42分钟前 ⋅ 0

SpringWind

环境搭建和系统部署

颖伙虫 ⋅ 今天 ⋅ 0

vim命令用法

第五章 vim命令 vim和vi几乎是一样的,唯一的区别就是当编辑一个文本时,使用vi不会显示颜色,而使用vim会显示颜色。 vim有三个模式:一般模式,编辑模式,命令模式。 系统最小化安装时没有安...

弓正 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部