html中怎么做弹窗广告,基于JQuery实现页面定时弹出广告

Js相关技术

定时器:

setInterval & clearInterval

setTimeout & clearTimeout

显示: img.style.display = "block"

隐藏: img.style.display = "none"

img 对象

style属性: style对象

需求分析

当用户打开界面，3秒钟之后弹出广告，这个广告显示5秒钟，隐藏广告

技术分析

定时器: setTimeout

显示和隐藏: style.display = "block/none"

步骤分析：

导入JQ的文件

编写JQ的文档加载事件

启动定时器 setTimeout("",3000);

编写显示广告的函数

在显示广告里面再启动一个定时器

编写隐藏广告的函数

代码实现

//显示广告

function showAd(){

$("#img1").slideDown(2000);

setTimeout("hideAd()",3000);

}

//隐藏广告

function hideAd(){

$("#img1").slideUp(2000);

}

$(function(){

setTimeout("showAd()",3000);

});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

html中怎么做弹窗广告,基于JQuery实现页面定时弹出广告相关推荐

用js完成页面定时弹出广告
用js完成页面定时弹出广告第一步:在页面指定位置隐藏一个广告图片(使用display属性的none值) 第二步:确定事件(onload)并为其绑定一个函数第三步:书写这个函数(设置一个显示图片的定 ...
基于jQuery鼠标点击弹出登陆框效果
基于jQuery鼠标点击弹出登陆框效果.这是一款扁平样式风格的jQuery弹出层登陆框特效.效果图如下: 在线预览源码下载实现的代码. html代码: <input type=&quo ...
php mysql js弹出登陆小窗口_基于Jquery+div+css实现弹出登录窗口(代码超简单)_jquery...
具体代码详情如下所示: 基本思路先隐藏(dispaly:none)再显示,半透明蒙版层通过 z-index:9998; z-index:9999; 值越大越在前面 index.html jquery点 ...
使用JS完成首页定时弹出广告图片
一.需求分析在首页中的顶部做一个定时弹出广告图片. 二.技术分析隐藏图片: display: none 定时操作: setInterval("显示图片的函数", ...
用jQuery实现页面遮罩弹出框
页面遮罩弹出框是最常见的一种情况,今天用jQuery实现页面遮罩弹出框,主要用的技术有JQuery,css和html, html代码如下: <div id="main"> ...
JS实现定时弹出广告
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
网页弹窗广告（网页每天首次打开弹出广告，此后刷新不再显示）
类似京东双十一广告效果,网页每天首次打开弹出广告,此后的有效时间内刷新将不再显示. 1.导入jQuery文件和cookie文件,如图: 2.定义弹窗层代码 <div class="ad ...
jquery.cookie.js 每天首次打开页面时弹出广告
①去jquery官网下载 jquery库文件以及 jquery.cookie.js: ②引入:<script type="text/javascript" src=&q ...
使用JQuery完成定时弹出广告/图片
script部分 <script type="text/javascript" src="../js/jquery-3.4.1.js"></s ...
jQuery实现网页右下角弹出广告
以前曾写过一个,不过太麻烦了,呵呵``` 现在改进了一下, 其实很简单:css定位层一直在右下角,用js控制层的高度增减. 代码: <!DOCTYPE html PUBLIC "-// ...

html中怎么做弹窗广告,基于JQuery实现页面定时弹出广告

html中怎么做弹窗广告,基于JQuery实现页面定时弹出广告相关推荐

最新文章

热门文章