js层级广告显示 IE正常 FireFox有bug

问题描述

问题描述:在ie下层级广告div中能动态添加链接,并通过点击链接,能关闭层级div。在firefox下层级广告div能显示,但动态添加的链接没显示出来,不知道是没添加上还是显示的原因。附件中的图片分别为ie下和firefox下的显示效果。在此先谢过。代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style type="text/css">.layerad{position:absolute;width:200px;height:100px;left:1em;top:1em;border:1px solid black;}</style><script type="text/javascript">function addEvent(elm, evType, fn, useCapture){if (elm.addEventListener){elm.addEventListener(evType, fn, useCapture);return true;} else if (elm.attachEvent) {var r = elm.attachEvent('on' + evType, fn);return r;} else {elm['on' + evType] = fn;}}//设置层级广告function setLayerAd(){var ad = document.getElementById('ad');//设为层级显示ad.className = 'layerad';var a = document.createElement('A');a.setAttribute('href','#');a.innerText = 'close';addEvent(a,'click',function(){ad.style.display = 'none';},false);//ad.insertBefore(a,ad.firstChild);ad.appendChild(a);}addEvent(window,'load',setLayerAd,false);</script></head><body><div id="ad">深入浅出javascript</div></body></html>

解决方案

firefox 不支持innerText 改为innerHTML

时间: 2024-11-10 01:25:59

js层级广告显示 IE正常 FireFox有bug的相关文章

飘浮广告显示脚本类(VBS,JS双版)

js|广告|脚本|显示|js|广告|脚本 在写一个项目时要用到广告模块,为了不想用ASP生成脚本代码时较麻烦,于是产生了写脚本类的念头,即是用一个类模块的脚本代码去控制所有在同一页面显示的漂浮广告.但在写的过程中发现JS脚本竟然在setTimeout里不能使用类的方法.奇怪,是不是我弄错了还是JS脚本就不能这样??但VBS脚本就可以!我晕-- 不说了,贴代码:[VBS脚本代码] 以下是代码片段:'/****************漂浮广告显示类**************************

JS实现先显示大图后自动收起显示小图的广告代码_javascript技巧

本文实例讲述了JS实现先显示大图后自动收起显示小图的广告代码.分享给大家供大家参考.具体如下: 这是一个非常不错的JavaScript图片特效,当最初打开网页的时候,显示的是大图片,就像遮屏广告一样,停留一会后,自动缓慢收起,这时由JS控制更换广告图片,始终显示在网页顶部,在一些大门户网站我们经常见到这种效果,个人感觉挺酷哦! 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-big-to-small-pic-adv-codes/ 具体代

js 收缩-js顶部广告問題,特别菜的菜鸟求助

问题描述 js顶部广告問題,特别菜的菜鸟求助 大致情況: 写一個网页,顶部會向下弹出一個图片广告,高度为600.然後点击隐藏按钮,图片广告會向上收缩.(已經完成) 現在我想在这个基础上做些改动, 改动为:当点击隐藏按钮后,向上收缩的高度为400,也就是隐藏400的高度,显示200的高度. 我想的是收缩一個DIV的高度,但是一直沒有成功, 解决方案 代码没办法附上,有沒有人指點指點 解决方案二: 不是一个道理么改改不就行了 解决方案三: 可以把广告大图,截成两个小图. 就很好实现了. 解决方案四:

从网易扒过来的js调用广告显示文件(随机几率)_广告代码

从网易撬过来的js调用广告显示文件 只有下面短短几行代码可以随机显示flash和gif广告,还不错 复制代码 代码如下: function column02(imgSource,url,chance,type) { this.imgSource = imgSource; this.url = url; this.chance = chance; this.type = type; } function dispColumn02() { with (this) switch (type){ cas

关于JS滚动广告问题

问题描述 我从网上找了个JS滚动广告代码可是使用后是静止的不知道我哪里代码没设置以下是代码//这是关闭飘浮广告的宽度,请根据你的广告内容而定varkkjyw_ad_width=80;//这是关闭飘浮广告的代码,可以换成图片,点击即可关闭varkkjyw_close_str='<divonclick="closeBanner();"style="color:gray;font-size:10pt;cursor:hand;text-align:center;width:10

用 ajax 的方法解决网页广告显示的问题_AJAX相关

有的时候google或者其他广告显示不出来,造成页面访问速度奇慢,怎么样解决这个问题呢?我们可以借用AJAX的方式来做一下: 在原位置放置以下代码: 〈div id="GoogleAD"〉〈/div〉 在 html 最后(〈/body〉前)加上:     〈div id="tempGoogleAD" style="display:none;"〉     〈script type="text/javascript" src=&q

用 ajax 的方法解决网页广告显示的问题

有的时候google或者其他广告显示不出来,造成页面访问速度奇慢,怎么样解决这个问题呢?我们可以借用AJAX的方式来做一下: 在原位置放置以下代码: 〈div id="GoogleAD"〉〈/div〉 在 html 最后(〈/body〉前)加上: 〈div id="tempGoogleAD" style="display:none;"〉     〈script type="text/javascript" src="

随机广告显示(PHP函数)

<?php #########随机广告显示##########  function myads(){ $dir="ads";   #设置存放记录的目录  //$dir="ads";   #设置存放记录的目录  $ads="$dir/ads.txt"; #设置广告代码文件 $log ="$dir/ads.log"; #设置ip记录文件 $ads_lines=file($ads); $lines=count($ads_lin

js和asp 显示数据库中图片

js|数据|数据库|显示 <table width="100%" border="0" align="center" cellspacing="0" cellpadding="0" style="TABLE-LAYOUT: fixed"><%sql="select top 4 * from Ad where checked=true "rs.Open