js页面显示广告

各位大虾好,小弟最近有一个想法,就是在自己的网页插入一段广告。具体的效果和ku6等网站类似,在下载页面出来以后立即加载一段10s的广告,广告覆盖页面的一部风,页面其他部分设置为灰色,不可点击,广告播放完以后自动关闭,可以正常使用页面。

请问这用js怎么实现,谢谢啦。

2个回答

使用setTimeout 和 div就可以了吧

[code="html"]




New Document


<br> $(document).ready(function(){<br> $(&quot;#back&quot;).css({display:&#39;block&#39;});<br> $(&quot;#content&quot;).css({display:&#39;none&#39;});<br> setTimeout(&quot;$(&#39;#back&#39;).css({display:&#39;none&#39;});&quot;, 10000);<br> $(&quot;#content&quot;).css({display:&#39;block&#39;});<br> });<br>
<br> #content{z-index:1;background-color:green;}<br> #advertisement{z-index:2;width:50%;height:50%;background-color:yellow}<br> #back{position:absolute;top:0;width:100%;height:100%;background-color:#EFEEE1;display:none;}<br>



这里是广告,持续10秒



content这里是页面的正常内容。

content这里是页面的正常内容。

content这里是页面的正常内容。

点击这里下载jQuery
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a



[/code]

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js页面随机广告
js页面随机广告
js页面广告组件
JS脚本组件,可以生成弹出广告、浮动广告、挂历广告,支持图片与Flash广告,兼容IE、FF浏览器
加载 页面 显示的广告
加载页面显示的广告 希望对大家有用!!!!
JS 广告 显示顺序
rn-----------------------------------------------------------------rnrn这是一个随机显示的广告代码,怎么才能让他按顺序显示呢, 如:显示1后刷新显示2.....5显示后再回到1如此循环
js实现图片、广告显示
10几款精心收集的js图片显示实现 分享共同学习
在div中显示JS 广告
问题1:想在div中显示一则js广告,并且通过这个div控制广告的位置。rn问题2:js广告在IE中宽度正常显示。在谷歌和火狐上显示不宽度要小很多..rn求解...在线等..
JS定时广告的隐藏和显示;
   定时广告的隐藏和显示;   &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Demo03&amp;lt;/title&amp;gt; &amp;lt;script type=&quot;text/jav
js调用js广告文件,广告显示位置错行
home.html文件rnrnrn rnrnrn rn以上是home.html文件,这个文件调用了topdao2.js文件,topdao2.js是网页顶部文件,包括logo和468×60的广告位置和加入收藏栏。rnrndocument.writeln(" ");rndocument.writeln(" ");rndocument.writeln(" <\/td>");rndocument.writeln(" ");rndocument.write('
js页面显示,急
我写了个页面,显示的内容不能随着页面的缩小放大调节,就加红色的那句话,之后就显示空白页rnlayout.cells("c").hideHeader();rn tabbar = new HgTabbar(layout.cells("c").attachTabbar());rn tabbar.addTab("tab1","首页","100px");rn tabbar.setTabActive("tab1");rn [color=#FF0000] layout.cells("c").setAutoSize("tabA");[/color] tabbar.setHrefMode("title-html");rn tabbar.setContentHref("tab1",PATH+"/sys/main/showtown.do");rn是因为加的位置不对,还是什么原因,请大神指教,
页面显示时间(js)
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Insert title here&amp;lt;/title&amp;gt; &amp;lt;script&amp;gt; //设置时间 window.onload=function(){     showTime(); } fu
js 页面显示frame
问题描述: 项目页面是frame写的,当用过滤器控制登录返回登录页面时,登录页面被包含在了子框架内! 问题解决: &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; if (self != top) { top.location = self.location; } &amp;lt;/script&amp;gt;  ...
js控制页面显示
js控制页面显示 两个菜单切换显示页面内容: js控制代码, /** JS初始化 **/ $(document).ready(function() { $('#email_btn').click(function(){ $('.phone_updatepwd,.email_updatepwd').t...
js在页面显示当前时间
【JavaScript中Date对象的常用方法】【步骤】(1)先在body中设置页面加载事件: &amp;lt;body onload=&quot;load()&quot;&amp;gt; &amp;lt;/body&amp;gt;(2)定义showRealTime(clock)函数,用于得到当前时间:&amp;lt;script type=&quot;text/javascript&quot;&amp;gt; function showRealTime(clock){ va...
10个js页面广告(部分含flash)
10个js广告代码,幻灯片,页边广告,带flash,很常用常用
页面多次调用阿里js广告问题
// JavaScript Documentrnvar $d = document;rnrnfunction $i(s)return $d.getElementById(s);rnrnvar _jsc = ;rnrn_jsc.client = (function() rn var t = ;rn var b = navigator.userAgent.toLowerCase();rn t.isOpera = (b.indexOf('opera') > -1);rn t.isIE = (!t.isOpera && b.indexOf('msie') > -1);rn t.isFF = (!t.isOpera &&!t.isIE&&b.indexOf('firefox') > -1);rn return t;rn)();rnrn_jsc.util = (function()rn var t = ;rn t.addEvent = function(o,c,h)rn if(_jsc.client.isIE)rn o.attachEvent('on'+c,h);rn elsern o.addEventListener(c,h,false);rn rn return true;rn ;rn return t;rn)();rnrn_jsc.evt = (function()rn var t = ;rn t.gTar = function(oe)rn if(_jsc.client.isIE)rn return oe.srcElement;rn elsern return oe.target;rn rn ;rn return t;rn)();rnrnfunction tabswitch(c, config)rn this.config = config ? config : start_delay:3000, delay:1500;rn this.container = $i(c);rn this.pause = false;rn this.nexttb = 1;rn this.tabs = this.container.getElementsByTagName('dt');rn var _this = this;rn if(this.tabs.length<1)this.tabs = this.container.getElementsByTagName('li');rn for(var i = 0; i < this.tabs.length; i++)rn var _ec = this.tabs[i].getElementsByTagName('span');rn if(_ec.length<1)_ec = this.tabs[i].getElementsByTagName('a');rn if(_ec.length<1)rn _ec = this.tabs[i]rn elsern _ec = _ec[0];rn rn _ec.onmouseover = function(e) rn _this.pause = true;rn var ev = !e ? window.event : e;rn _this.start(ev, false, null);rn ;rn rn _ec.onmouseout = function() rn _this.pause = false;rn ;rn rn tryrn $i(this.tabs[i].id + '_body_1').onmouseover = function()rn _this.pause = true;rn ;rn rn $i(this.tabs[i].id + '_body_1').onmouseout = function()rn _this.pause = false;rn ;rn catch(e)rn rnrn if ($i(c + '_sts')) rn var _sts = $i(c + '_sts');rn var _step = _sts.getElementsByTagName('li');rn if(_step.length<1)_step = _sts.getElementsByTagName('div');rn _step[0].onclick = function() rn if (_this.tabs[_this.tabs.length-1].className.indexOf('current') > -1) rn _this.nexttb = _this.tabs.length + 1;rn ;rn _this.nexttb = _this.nexttb - 2 < 1 ? _this.tabs.length : _this.nexttb - 2;rn //alert(_this.nexttb);rn _this.start(null, null, _this.nexttb);rn ;rn rn _step[1].onclick = function() rn _this.nexttb = _this.nexttb < 1 ? 1 : _this.nexttb;rn _this.start(null, null, _this.nexttb);rn ;rn ;rn rn this.start = function(e, r, n)rn if(_this.pause && !e)return;rn if(r)rn curr_tab = $i(_this.container.id + '_' + rand(4));rn elsern if(n)rn //alert(_this.container.id + '_' + _this.nexttb);rn curr_tab = $i(_this.container.id + '_' + _this.nexttb);rn elsern curr_tab = _jsc.evt.gTar(e);rn if(curr_tab.id=="")curr_tab = curr_tab.parentNode;rn rn rn rn var tb = curr_tab.id.split("_");rn for(var i = 0; i < _this.tabs.length; i++)rn if(_this.tabs[i]==curr_tab)rn _this.tabs[i].className="hot Selected current";rn tryrn //alert(_this.tabs[i].id);rn $i(_this.tabs[i].id + '_body_1').style.display = "block";rn catch(e)rn elsern _this.tabs[i].className="";rn tryrn $i(_this.tabs[i].id + '_body_1').style.display = "none";rn catch(e)rn rn rn _this.nexttb = parseInt(tb[tb.length-1]) >= _this.tabs.length ? 1 : parseInt(tb[tb.length-1]) + 1;rn ;rnrnrnfunction init_imh () rn var _lis = document.getElementsByTagName('li');rn for (var i=0;i<_lis.length;i++) rn if (_lis[i].getAttribute('jpe') == 'linkto:a') rn _lis[i].onclick = function(e) rn var ev = !e ? window.event : e;rn var _target = _jsc.evt.gTar(ev);rn while (_target.tagName.toLowerCase() != 'li') rn _target = _target.parentNode;rn rn location.href = _target.getElementsByTagName('a')[0].getAttribute('href');rn return false;rn ;rn rn rnrnrnvar banners, new_trans, super_rec, crazy_buy, star,bargain_scroll,buy_ok_div;rn_jsc.util.addEvent(window, 'load', function() rn if ($i('banners')) rn banners = new tabswitch('banners', );rn setInterval("banners.start(null, null, 1);", 5000);rn rn rn);rnrnrnrnrnrnrnrnrnrnrnrnrnrnrnrn 阿里妈妈JS广告精简版rn rn rnrnrnrn rn rn rn rn rn rn rn rnrn rn rn 1rn 2rn 3rn 4rn 5rn 6rn rn rn rn rnrnrnrn rn rn rn rn rn rn rn rnrn rn rn 1rn 2rn 3rn 4rn 5rn 6rn rn rn rn rnrnrnrnrn我想把这个js在页面上连续调用5次,应该怎么办呢,谢谢!!!
全屏广告,JS广告代码,JS特效代码
可关闭重播的全屏广告,效果请点击查看http://www.173ic.com/xzf/ad1
js 广告
NULL 博文链接:https://fly-sky.iteye.com/blog/872879
JS的广告代码大全,网页广告
JS的广告代码大全,网页广告,拿出来分享
js加载广告 页面加载广告
这是一个js加载广告的示例 比如使用sohu等门户站点首页所使用的。 很实用。
手机滑动效果 页面滑动滚动显示广告
手机滑动效果 页面滑动滚动显示广告
如何监控js显示的广告联盟的广告点击和展示次数??
那段js是广告联盟提供的,不是本站,就类似阿里妈妈、google adsence、百度联盟那种广告rn求监控这些投放广告的展示和点击,不是用他们的后台!
JS右下弹出广告,显示速度的问题
我在网上找一个相关的右下弹出的那种JS,但是弹出的速度太慢,自己改了半天也没改明白,请大家帮忙看看到底那个是控制弹出与关闭速度的,谢谢!rnJS代码如下:rn[code=JScript]rnvar sheyMsg=function(box,options) rn this.box=this.g(box);rn this.setOptions(options);rn this.init();rnrnsheyMsg.prototype=rn ae:function(e,call) rn if(window.addEventListener)window.addEventListener(e,call,false);rn else window.attachEvent("on"+e,call);rn ,rn g:function(id) return typeof(id)=="string"?document.getElementById(id):id; ,rn isFixed:!window.ActiveXObject || (navigator.userAgent.indexOf("MSIE 6")==-1 && document.compatMode=="CSS1Compat"),rn setOptions:function(options) rn this.options=//默认配置rn showDelay:0,//显示延时rn autoHide:0,//自动隐藏时间,设置为0时,不自动隐藏rn onShow:function(),//显示后调用rn onHide:function()//隐藏后调用rn ;rn for(var o in options) rn this.options[o]=options[o];rn rn ,rn hide:function() //隐藏rn var _top=this.box.clientHeight;rn var o=this;rn if(/ing$/.test(o.status))return;rn o.status="hiding";rn clearTimeout(o.tt);rn o.t=setInterval(function() rn if(o.isFixed)rn o.box.style.bottom=(-o.box.clientHeight+(--_top))+'px';rn elsern o.box.style.top=o.de.scrollTop+o.de.clientHeight-5-(--_top) +"px";rn if(_top==-5) rn clearInterval(o.t);rn o.status="hide";rn o.box.style.display="none";rn o.options.onHide();rn rn ,5);rn ,rn show:function() //显示rn var _top=0;rn var o=this;rn if(/ing$/.test(o.status))return;rn o.status="showing";rn clearTimeout(o.tt);rn o.box.style.display="block";rn o.t=setInterval(function() rn if(o.isFixed)rn o.box.style.bottom=(-o.box.clientHeight+(++_top))+"px";rn elsern o.box.style.top=(o.de.scrollTop+o.de.clientHeight-5-(++_top)) +"px";rn if(_top==o.box.clientHeight) rn clearInterval(o.t);rn o.status="show";rn o.options.onShow();rn var h=o.options.autoHide-0;rn if(h) o.tt=setTimeout(function() o.hide();,h*1000);rn rn ,1);rn ,rn fixIE6:function() //IE6 滚动定位rn this.box.style.left=this.de.scrollLeft+this.de.clientWidth-this.box.clientWidth-2+"px";rn if(this.status=="show") rn this.box.style.top=this.de.scrollTop+this.de.clientHeight-this.box.clientHeight-5+"px";rn else if(this.status=="hide") rn this.box.style.top=this.de.scrollTop+this.de.clientHeight+5+"px";rn rn ,rn init:function() rn with(this.box.style) rn display="block";//显示之后才能取出宽度和高度rn if(this.isFixed) rn position="fixed";rn right="2px";rn bottom=(-this.box.clientHeight-5)+"px";rn else rn position="absolute";rn rn rn this.status="hide";rn var o=this;rn if(!this.isFixed) rn o.de=document.compatMode=="CSS1Compat"?document.documentElement:document.body;rn var timer;rn this.ae("resize",function() clearTimeout(timer);timer=setTimeout(function()o.fixIE6.call(o),30););rn this.ae("scroll",function() clearTimeout(timer);timer=setTimeout(function()o.fixIE6.call(o),30););rn this.fixIE6();//加载时指定位置rn rn o.box.style.display="none";rn o.tt=setTimeout(function() o.show();,o.options.showDelay*1);rn rnrn[/code]rnHTML代码如下:rn[code=HTML]rnrnrnrnrn 右下角弹出消息rn rnrnrn rn rn rn 待办事项rn rn rn rn 您有以下事项未办rn rn rn 待办事项(0)rn rn 查看rn rn rn rn rnrn rn rnrn[/code]
Js|JavaScript 广告滚动显示源代码
这个例子以最基础的面向过程式编写的广告自动滚动播放的源代码。可以直接使用实践项目中。
js 特效 html 特效 广告文字的显示
js 特效 html 特效 广告文字的显示 js 特效 html 特效 广告文字的显示
js按照千分之一的概率显示广告
js怎么实现当有一千个用户访问网站,我们只给其中一个用户显示广告,随机的,求思路!!!
JS实现主页广告隐藏显示
商品主页 #bigdiv { border: 1px solid blue; width: 90% px; } .logodiv { border: 1px solid blue; width: 33%; float: left; height: 57px; } .shangpindiv1 { border: 1px solid blue; width: 25%; floa
JS实现定时显示广告图片
  JS实现定时显示广告图片 一、步骤分析 1、在原页面插入广告图片,并使其style=“display:none”,即隐藏图片; 2、绑定页面加载事件并驱动定时器函数setTimeout(显示图片函数名,毫秒),定时器隔X毫秒后执行指定一次 3、编写显示图片函数通过document.getElementById(&quot;in4&quot;).style.display=&quot;block&quot;;显示图片,并声明...
点击js广告进入页面内自定义的js方法中
点击js广告进入页面内自定义的js方法中,怎样实现?rn例如:在http://www.wofunin.cn/cn/tixi/commonCenter/guangGao.aspx这个页面中,第二个和最后一个广告是js广告,第一个不是,第一个能进入页面内的js方法clickCalc(obj1)中,但是第二个和最后一个就不行了。怎样实现第二个和最后一个呢? 页面代码如下:rnrnrnrnrnrnrnrnrnrn rn 发布广告页rn rnrn rnrnrn rn rnrnrnrn 124.64.214.51rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrnrn
JS设置页面缩放显示
设置页面缩放显示方法如下: // 获取当前窗口宽度和高度 var width = $(window.top).width(); var height = $(window.top).height(); // 按照原始尺寸320*480计算缩放值 var scaleX = width / 320; var scaleY = height / 480; // 设置整个文档
js中 页面连接显示
我想在a页面用js取b页面的连接地址,该怎么写?rn假如现在a页面的地址为a.asp?id=5,我想在b页面js中使var ip=a.asp?id=5;这个js该怎么写?rna.asp?id=5中a.asp是固定的,但是id=5不是固定的.rnrnvar ip = window.left.location.search;就是和这个意思大概差不多!
js在页面显示当前时间、日期
/** * Created by PC on 2015/12/30. */ 'use strict'; /*头部的获取当前时间*/ var days=new Array ("日", "一", "二", "三", "四", "五", "六"); function showDT() { var currentDT = new Date(); var y,m,date,day,hs
【JS】:JS实现页面反向显示
JS实现页面反向显示的方法如下,只要在html标签里面添加一个 dir = rtl即可源码如下:<html dir = rtl> <head> <title> 国服第一盖伦的浏览器</title> <body> 非常的牛逼<br> 非常的炫酷 <body> </html>
页面显示JS,AJAX控制
页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制页面显示JS,AJAX控制
js动态时间页面显示
该页面通过js的脚本,实现动态的时间显示。
MyEclipse6.0.1 中的 .js页面显示
现在在 js页面中打开显示 \u64cd\u4f5c\u4fe1\u606f 这样的内容。rn怎样在MyEclipse6.0.1中设置 打开时就转换过来
js页面显示多个定时器
js页面显示多个定时器;及用法都在文档之中。
【JS】页面显示服务器时间
基本思路是加载页面时首先与服务器进行时间同步,然后在这个时间的基础上每秒刷新页面显示时间 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;amp;gt; &amp;amp;lt;title&amp;amp;gt;前端获取服务器时间并更新&am
js技术、广告js源代码
广告js源代码,漂浮移动,鼠标移到上面即停,欢迎下载!
页面挂留广告
在页面两侧显示广告信息,该广告可以是swf文件、也可以是图片
iOS广告图页面
iOS广告图,线上的(也可当启动图)
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法