关闭

JavaScript小实例——制作页面定时弹出广告

标签: javascript实例dom
338人阅读 评论(0) 收藏 举报
分类:

一、学习js中的获得Dom元素、调用方法和使用setTimeout()方法。

二、实例

1、先在页面中放入广告图片,display属性设置为none,让图片隐藏。

2、创建js方法获取图片对象

getElementsByClassName("class属性值") 返回带有指定类名的对象集合。

getElementById("id值") 返回对拥有指定 id 的第一个对象的引用。 

getElementsByName("name属性值") 返回带有指定名称的对象集合。 
getElementsByTagName(
"标签名") 返回带有指定标签名的对象集合。 

以上四个方法 都可以用来获得图片对象,但是使用时注意返回对象集合的需要指定索引。用display属性来控制图片的显示与隐藏


3、创建文档树生成后调用的方法。设定多少毫秒后调用show方法


注意这里调用方法是用的方法名+(),与java不同。


1
0
查看评论

教你一天玩转JavaScript(四)——使用JavaScript实现定时弹出广告定时隐藏广告

使用JavaScript实现定时弹出广告定时隐藏广告现在有这样一个需求:在网站的首页上定时弹出一个广告,并且定时隐藏掉。若要实现这个需求,则必须理解BOM(浏览器对象模型)中的Window对象的定时的操作: 设置定时的方法 清除定时的方法 除此之外,还要知道CSS中的一个显示和隐藏的属性——disp...
  • yerenyuan_pku
  • yerenyuan_pku
  • 2017-04-27 23:29
  • 1412

JavaScript实现动态广告弹出框

Insert title here div{ width: 300px; height: 300px; border:1px red solid; position: fixed;/*相对于浏览器窗口进行定位*/ right: 5px; } img{ float:left; width...
  • HYM1987
  • HYM1987
  • 2014-05-09 23:34
  • 2018

JS自动弹出广告窗口

无标题文档 function openwindow(){ open("adv.htm","广告页面","toolbars=0,scrollbars=0,location=0,statusbars=0,menubars=0,resizable=...
  • Cookie_1030
  • Cookie_1030
  • 2015-09-23 10:17
  • 2133

JavaScript特效实例001-打开新窗口显示广告信息

实例001                 打开新窗口显示广告信息 实例说明          本实例要在窗口每次被加载的时候弹出一个广告对话框。 技术要点 &#...
  • yejinwei1220
  • yejinwei1220
  • 2015-05-05 20:33
  • 1116

(转)ASP.NET于web页面上弹出窗口(酷)

来自:http://www.msproject.cn/Article/Web_Popup_Window.aspx 文    章 问题解答 ASP.NET于web页面上弹出窗口(酷) ...
  • sn3009
  • sn3009
  • 2007-05-21 10:02
  • 2676

页面右下角弹广告案例

$(function () {             //点击按钮在页面右下方弹出一个广告        ...
  • qizhichao110
  • qizhichao110
  • 2015-01-22 23:49
  • 1091

[原创]使用javascript制作漂浮的广告,在页面上自由飘转

floast.js原文件:var xPos = 20;var yPos = document.body.clientHeight;var step = 1;var delay = 30; var height = 0;var Hoffset = 0;var Woffset = 0;var yon =...
  • web718
  • web718
  • 2005-06-13 11:11
  • 1659

使用javascript完成弹出广告

JavaScript
  • longgejia
  • longgejia
  • 2017-03-29 20:34
  • 597

JS特效之右下角自动弹出小窗体广告

以前总觉得商业性网站右下角自动弹出的小窗体广告挺神秘的....终于找到方法了,代码如下: /**--------------------------------------------------------------------------- * by www.qpsh.com; */...
  • liukaixuan917
  • liukaixuan917
  • 2011-11-07 19:18
  • 2919

JS制作9种制作弹出小窗口

进入许多网站时,有弹出式小窗口,它们五花八门,使我们捉摸不透下面就来介绍用JS制作9种制作弹出小窗口: 1、最基本的弹出窗口代码         其实代码非常简单:      ...
  • lyf_ldh
  • lyf_ldh
  • 2017-11-21 09:24
  • 74
    个人资料
    • 访问:9249次
    • 积分:315
    • 等级:
    • 排名:千里之外
    • 原创:21篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条
    文章分类