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问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
页面最近突然会显示广告

我们之前做的一个web项目,部署在腾讯云服务上面,发现近一个月,一打开登录界面页面右下角出现一个广告(如下图),后来用开发者工具查看了一下,HTML上面突然引用了https://pagead2.googlesyndication.com/pub-config/ca-pub-8129816473729933.js这个莫名其妙的JS,后来我整个工程代码进行搜索,但是没有找到代码里面有主动引用过这个JS的,别人说是DNS被劫持了,但是不至于全部人都是这个样子吧,大家告诉我这是啥回事,怎么去杜绝这个广告代码

如果页面中包含某关键词则显示广告的代码

如果一个页面中包含某一个或多个指定的关键词则显示广告,怎么实现,需要完整的实现方式,谢谢!

js 里面代码是对的就是不显示!!!

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h2>主页面</h2> <script type="text/javascript"> var newWin; window.onload = function (){ newWin = window.open("http://www.baidu.com", "baidu", height = 500, width = 800, left = 20, top = 30, tollbal = yes, scrollbars = yes, location = yes, status = yes, menubar = yes, resizable = yes, titlebar = yes); } </script> <a href="javascript:newWin.close()">关闭广告</a> </body> </html>

在Ajax页面上显示广告

<div class="post-text" itemprop="text"> <p>I have ajax build website where all the pages are generated inside the main page(s). I was trying to put some ads (not adsense ) For example amazon native , media net or adcash. When I place the code ad does not show on the pages, even after page/site refresh. I can see in the source code, the script is there. Maybe javascript on ajax is the problem... idk... Any solutions?</p> </div>

Google广告未在PHP网站页面上显示

<div class="post-text" itemprop="text"> <p>I have integrated Google ads in one of my website's page. But the problem is when I loads the page, ads are not displaying.</p> <p>What I have tried in the code is given below:</p> <pre><code>&lt;body&gt; &lt;p&gt;some text about website&lt;/p&gt; &lt;div&gt; &lt;script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"&gt;&lt;/script&gt; &lt;ins class="adsbygoogle" data-ad-client="ca-pub-1234567890123456" data-ad-slot="123456789"&gt;&lt;/ins&gt; &lt;script&gt;(adsbygoogle = window.adsbygoogle || []).push({}); &lt;/script&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p>Please correct me if I have done something wrong. Thanks!</p> </div>

求助大佬们,js做一个弹出层页面怎么在弹出的页面上写html标签

比如Dialog的弹出框,加上这个标签“<li url="/system/sysRemindWfLink.jsp?flag=newWf" class="">消息<span>1</span></li>”,做到跳转这个页面/system/sysRemindWfLink.jsp,效果这样![图片说明](https://img-ask.csdn.net/upload/201711/07/1510026540_151384.png),需求:就是可以点击进去(这个流程)

<ifream src=“”>请求其他地址不能正常显示

我app里面页面用ifream引入了一个京东给我们做的页面(https://sale.jd.com/app/act/PVFBeLmhzNwI7js.html),但是不能正常显示页面内容,单独访问页面是可以访问的,引入其他京东页面也可以正常显示不知道这个该怎么处理了求大神赐教 ![图片说明](https://img-ask.csdn.net/upload/201811/20/1542680192_54242.jpg) 我的页面: ![图片说明](https://img-ask.csdn.net/upload/201811/20/1542680291_289203.jpg) <body> <!--header--> <header class="mui-bar mui-bar-nav"> <a class="mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.back(-1);"></a> <h1 class="mui-title">广告详情</h1> </header> <div class="mui-content mui-fullscreen"> <iframe src="https://sale.jd.com/app/act/PVFBeLmhzNwI7js.html" width="100%" height="100%" scrolling="auto" frameborder="0"></iframe> </div> </body>

全屏自适应始终漂浮手机网站底部广告

我想问一下大神们,想做全屏自适应始终悬浮手机网站底部广告需要用到JS吗,还有就是 能够在安卓和iOS系统中都能够兼容的,主要是移动端的

windows.open打开新窗口会被当成广告拦截,如何解决。

页面隐藏a标签然后模拟点击就别说了,我要跳的是方法。带参的所以不好弄。 我需要点击然后js验证一下返回有这个用户再跳方法打开新页面

dedeCMS搭建的网站首页页面不能调用图片,以下是我的代码,但是不显示图文集

我在首页的index.html源码里面写了这段,但是前台首页为什么不显示图文集 求解 {dede:arclist titlelen='50' row='6' orderby='weight' typeid='11' flag='p' } <li class="zlcp[field:global.autoindex/]"> <div class="cpimgTop"> <h3><a href="[field:arcurl/]">[field:title /]</a></h3> <p class="conts"><a href="[field:arcurl/]">[field:info/]...</a></p> <span><a href="[field:arcurl/]">More</a></span><em></em> </div> <div class="cpimg"><a href="[field:arcurl/]"><img src="[field:litpic/]" width="324" height="324"></a></div> </li> {/dede:arclist}

界面第一次登录显示A界面,第二次或以后登录直接跳转到B界面

想写一个界面,第一次登录的时候启动这个A界面,可以从A界面跳转到B界面,但是如果不是第一次登录了,就在启动A界面时,判断然后直接跳转到B界面,应该怎么实现呢? 记录cookie?用js来实现么? 求大神给点思路或代码

Android的webview显示的问题

Android中webview显示网页内容时,页面顶部广告怎么取消后再显示

CSS+div网页设计,导航栏随页面上下滚动,导航栏宽度变化

最近在学习网站设计,在制作导航栏随网页上下滚动的时候,出现了一些错误,希望懂的小伙伴可以帮忙看一下。 我的错误如下: 当页面打开后导航栏是这样的: ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927175_356851.jpg) 但是页面向下拉的时候,虽然导航栏也跟着向下滑动了,但是导航栏的宽度发生了变化: ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927200_304258.jpg) 而我想他的样式不变, 相关代码如下,其中由于我想使页面在放大缩小的时候是同比例的放大缩小,所以设置了导航栏宽度为12%,内容的宽度是88%,且他们两个div外的总div宽度是1210px;这个我不想改变,不知道其他哪里出了问题,希望知道办法的小伙伴不吝赐教,实在感谢~ ![图片说明](http://img..csdn.net/upload/201708/28/1503927402_761154.jpg) ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927460_937460.jpg) ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927472_130945.jpg)

vue中页面自动跳转的问题

大佬们 ,我打包了一个app想在刚打开app的时候自动跳出一个广告页,之后再跳转到我主页 应该怎么写呢。还是用html的自动跳转就好了

setTimeout不起作用是怎么回事?

我在dede首页使用 <script> setTimeout(function() { $.getScript('jianhua.js', callback);}, 1000); </script> 这段代码,想要延迟调用jianhua.js文件,但是不起作用了,页面根本就不显示这个js文件的效果

html弹窗显示可编辑文本

我在写章节管理,在章后有一个按钮添加小节,点击按钮后想弹出一个弹窗,编辑添加的小节内容,点击确定,弹窗消失,将刚才编辑的内容添加到数据库

JS图片高度自适应问题

整个页面背景就是一张图片。 我希望图片能实现高度和宽度的自适应,就是始终保持长宽都贴合屏幕 如果图片高了就缩回和屏幕一样高,如果宽了就缩回一样宽 如果不够就拉伸

如何用angular在前端显示视频并且不允许拖进度条?

我有一个需求就是要users看完当前页面的视频,不允许自动快进到结尾,就像youku的广告那种。。必须看完, 然后看完后可以选择重放,或者点击下一页,直接跳到做题页面,请问这个如何做?

图片左右滑动的实现。

图片左右滑动插件怎么使用,用纯jquery代码怎么实现,用animate怎么实现,谢谢,有的话可以贴出源代码。谢谢

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

课程主要面向嵌入式Linux初学者、工程师、学生 主要从一下几方面进行讲解: 1.linux学习路线、基本命令、高级命令 2.shell、vi及vim入门讲解 3.软件安装下载、NFS、Samba、FTP等服务器配置及使用

我以为我对Mysql事务很熟,直到我遇到了阿里面试官

太惨了,面试又被吊打

Python代码实现飞机大战

文章目录经典飞机大战一.游戏设定二.我方飞机三.敌方飞机四.发射子弹五.发放补给包六.主模块 经典飞机大战 源代码以及素材资料(图片,音频)可从下面的github中下载: 飞机大战源代码以及素材资料github项目地址链接 ————————————————————————————————————————————————————————— 不知道大家有没有打过飞机,喜不喜欢打飞机。当我第一次接触这个东西的时候,我的内心是被震撼到的。第一次接触打飞机的时候作者本人是身心愉悦的,因为周边的朋友都在打飞机, 每

Python数据分析与挖掘

92讲视频课+16大项目实战+源码+¥800元课程礼包+讲师社群1V1答疑+社群闭门分享会=99元 &nbsp; 为什么学习数据分析? &nbsp; &nbsp; &nbsp; 人工智能、大数据时代有什么技能是可以运用在各种行业的?数据分析就是。 &nbsp; &nbsp; &nbsp; 从海量数据中获得别人看不见的信息,创业者可以通过数据分析来优化产品,营销人员可以通过数据分析改进营销策略,产品经理可以通过数据分析洞察用户习惯,金融从业者可以通过数据分析规避投资风险,程序员可以通过数据分析进一步挖掘出数据价值,它和编程一样,本质上也是一个工具,通过数据来对现实事物进行分析和识别的能力。不管你从事什么行业,掌握了数据分析能力,往往在其岗位上更有竞争力。 &nbsp;&nbsp; 本课程共包含五大模块: 一、先导篇: 通过分析数据分析师的一天,让学员了解全面了解成为一个数据分析师的所有必修功法,对数据分析师不在迷惑。 &nbsp; 二、基础篇: 围绕Python基础语法介绍、数据预处理、数据可视化以及数据分析与挖掘......这些核心技能模块展开,帮助你快速而全面的掌握和了解成为一个数据分析师的所有必修功法。 &nbsp; 三、数据采集篇: 通过网络爬虫实战解决数据分析的必经之路:数据从何来的问题,讲解常见的爬虫套路并利用三大实战帮助学员扎实数据采集能力,避免没有数据可分析的尴尬。 &nbsp; 四、分析工具篇: 讲解数据分析避不开的科学计算库Numpy、数据分析工具Pandas及常见可视化工具Matplotlib。 &nbsp; 五、算法篇: 算法是数据分析的精华,课程精选10大算法,包括分类、聚类、预测3大类型,每个算法都从原理和案例两个角度学习,让你不仅能用起来,了解原理,还能知道为什么这么做。

如何在虚拟机VM上使用串口

在系统内核开发中,经常会用到串口调试,利用VMware的Virtual Machine更是为调试系统内核如虎添翼。那么怎么搭建串口调试环境呢?因为最近工作涉及到这方面,利用强大的google搜索和自己

程序员的兼职技能课

获取讲师答疑方式: 在付费视频第一节(触摸命令_ALL)片头有二维码及加群流程介绍 限时福利 原价99元,今日仅需39元!购课添加小助手(微信号:csdn590)按提示还可领取价值800元的编程大礼包! 讲师介绍: 苏奕嘉&nbsp;前阿里UC项目工程师 脚本开发平台官方认证满级(六级)开发者。 我将如何教会你通过【定制脚本】赚到你人生的第一桶金? 零基础程序定制脚本开发课程,是完全针对零脚本开发经验的小白而设计,课程内容共分为3大阶段: ①前期将带你掌握Q开发语言和界面交互开发能力; ②中期通过实战来制作有具体需求的定制脚本; ③后期将解锁脚本的更高阶玩法,打通任督二脉; ④应用定制脚本合法赚取额外收入的完整经验分享,带你通过程序定制脚本开发这项副业,赚取到你的第一桶金!

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

C++语言基础视频教程

C++语言基础视频培训课程:本课与主讲者在大学开出的程序设计课程直接对接,准确把握知识点,注重教学视频与实践体系的结合,帮助初学者有效学习。本教程详细介绍C++语言中的封装、数据隐藏、继承、多态的实现等入门知识;主要包括类的声明、对象定义、构造函数和析构函数、运算符重载、继承和派生、多态性实现等。 课程需要有C语言程序设计的基础(可以利用本人开出的《C语言与程序设计》系列课学习)。学习者能够通过实践的方式,学会利用C++语言解决问题,具备进一步学习利用C++开发应用程序的基础。

北京师范大学信息科学与技术学院笔试10复试真题

北京师范大学信息科学与技术学院笔试,可以更好的让你了解北师大该学院的复试内容,获得更好的成绩。

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

网络工程师小白入门--【思科CCNA、华为HCNA等网络工程师认证】

本课程适合CCNA或HCNA网络小白同志,高手请绕道,可以直接学习进价课程。通过本预科课程的学习,为学习网络工程师、思科CCNA、华为HCNA这些认证打下坚实的基础! 重要!思科认证2020年2月24日起,已启用新版认证和考试,包括题库都会更新,由于疫情原因,请关注官网和本地考点信息。题库网络上很容易下载到。

Python界面版学生管理系统

前不久上传了一个控制台版本的学生管理系统,这个是Python界面版学生管理系统,这个是使用pycharm开发的一个有界面的学生管理系统,基本的增删改查,里面又演示视频和完整代码,有需要的伙伴可以自行下

软件测试2小时入门

本课程内容系统、全面、简洁、通俗易懂,通过2个多小时的介绍,让大家对软件测试有个系统的理解和认识,具备基本的软件测试理论基础。 主要内容分为5个部分: 1 软件测试概述,了解测试是什么、测试的对象、原则、流程、方法、模型;&nbsp; 2.常用的黑盒测试用例设计方法及示例演示;&nbsp; 3 常用白盒测试用例设计方法及示例演示;&nbsp; 4.自动化测试优缺点、使用范围及示例‘;&nbsp; 5.测试经验谈。

Tomcat服务器下载、安装、配置环境变量教程(超详细)

未经我的允许,请不要转载我的文章,在此郑重声明!!! 请先配置安装好Java的环境,若没有安装,请参照我博客上的步骤进行安装! 安装Java环境教程https://blog.csdn.net/qq_40881680/article/details/83585542 Tomcat部署Web项目(一)·内嵌https://blog.csdn.net/qq_40881680/article/d...

2019数学建模A题高压油管的压力控制 省一论文即代码

2019数学建模A题高压油管的压力控制省一完整论文即详细C++和Matlab代码,希望对同学们有所帮助

图书管理系统(Java + Mysql)我的第一个完全自己做的实训项目

图书管理系统 Java + MySQL 完整实训代码,MVC三层架构组织,包含所有用到的图片资源以及数据库文件,大三上学期实训,注释很详细,按照阿里巴巴Java编程规范编写

linux下利用/proc进行进程树的打印

在linux下利用c语言实现的进程树的打印,主要通过/proc下的目录中的进程文件,获取status中的进程信息内容,然后利用递归实现进程树的打印

微信小程序开发实战之番茄时钟开发

微信小程序番茄时钟视频教程,本课程将带着各位学员开发一个小程序初级实战类项目,针对只看过官方文档而又无从下手的开发者来说,可以作为一个较好的练手项目,对于有小程序开发经验的开发者而言,可以更好加深对小程序各类组件和API 的理解,为更深层次高难度的项目做铺垫。

[已解决]踩过的坑之mysql连接报“Communications link failure”错误

目录 前言 第一种方法: 第二种方法 第三种方法(适用于项目和数据库在同一台服务器) 第四种方法 第五种方法(项目和数据库不在同一台服务器) 总结 前言 先给大家简述一下我的坑吧,(我用的是mysql,至于oracle有没有这样的问题,有心的小伙伴们可以测试一下哈), 在自己做个javaweb测试项目的时候,因为买的是云服务器,所以数据库连接的是用ip地址,用IDE开发好...

人工智能-计算机视觉实战之路(必备算法+深度学习+项目实战)

系列课程主要分为3大阶段:(1)首先掌握计算机视觉必备算法原理,结合Opencv进行学习与练手,通过实际视项目进行案例应用展示。(2)进军当下最火的深度学习进行视觉任务实战,掌握深度学习中必备算法原理与网络模型架构。(3)结合经典深度学习框架与实战项目进行实战,基于真实数据集展开业务分析与建模实战。整体风格通俗易懂,项目驱动学习与就业面试。 建议同学们按照下列顺序来进行学习:1.Python入门视频课程 2.Opencv计算机视觉实战(Python版) 3.深度学习框架-PyTorch实战/人工智能框架实战精讲:Keras项目 4.Python-深度学习-物体检测实战 5.后续实战课程按照自己喜好选择就可以

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

Python数据分析师-实战系列

系列课程主要包括Python数据分析必备工具包,数据分析案例实战,核心算法实战与企业级数据分析与建模解决方案实战,建议大家按照系列课程阶段顺序进行学习。所有数据集均为企业收集的真实数据集,整体风格以实战为导向,通俗讲解Python数据分析核心技巧与实战解决方案。

YOLOv3目标检测实战系列课程

《YOLOv3目标检测实战系列课程》旨在帮助大家掌握YOLOv3目标检测的训练、原理、源码与网络模型改进方法。 本课程的YOLOv3使用原作darknet(c语言编写),在Ubuntu系统上做项目演示。 本系列课程包括三门课: (1)《YOLOv3目标检测实战:训练自己的数据集》 包括:安装darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 (2)《YOLOv3目标检测:原理与源码解析》讲解YOLOv1、YOLOv2、YOLOv3的原理、程序流程并解析各层的源码。 (3)《YOLOv3目标检测:网络模型改进方法》讲解YOLOv3的改进方法,包括改进1:不显示指定类别目标的方法 (增加功能) ;改进2:合并BN层到卷积层 (加快推理速度) ; 改进3:使用GIoU指标和损失函数 (提高检测精度) ;改进4:tiny YOLOv3 (简化网络模型)并介绍 AlexeyAB/darknet项目。

2021考研数学张宇基础30讲.pdf

张宇:博士,全国著名考研数学辅导专家,教育部“国家精品课程建设骨干教师”,全国畅销书《张宇高等数学18讲》《张宇线性代数9讲》《张宇概率论与数理统计9讲》《张宇考研数学题源探析经典1000题》《张宇考

三个项目玩转深度学习(附1G源码)

从事大数据与人工智能开发与实践约十年,钱老师亲自见证了大数据行业的发展与人工智能的从冷到热。事实证明,计算机技术的发展,算力突破,海量数据,机器人技术等,开启了第四次工业革命的序章。深度学习图像分类一直是人工智能的经典任务,是智慧零售、安防、无人驾驶等机器视觉应用领域的核心技术之一,掌握图像分类技术是机器视觉学习的重中之重。针对现有线上学习的特点与实际需求,我们开发了人工智能案例实战系列课程。打造:以项目案例实践为驱动的课程学习方式,覆盖了智能零售,智慧交通等常见领域,通过基础学习、项目案例实践、社群答疑,三维立体的方式,打造最好的学习效果。

DirectX修复工具V4.0增强版

DirectX修复工具(DirectX Repair)是一款系统级工具软件,简便易用。本程序为绿色版,无需安装,可直接运行。 本程序的主要功能是检测当前系统的DirectX状态,如果发现异常则进行修复

期末考试评分标准的数学模型

大学期末考试与高中的考试存在很大的不同之处,大学的期末考试成绩是主要分为两个部分:平时成绩和期末考试成绩。平时成绩和期末考试成绩总分一般为一百分,然而平时成绩与期末考试成绩所占的比例不同会导致出现不同

Vue.js 2.0之全家桶系列视频课程

基于新的Vue.js 2.3版本, 目前新全的Vue.js教学视频,让你少走弯路,直达技术前沿! 1. 包含Vue.js全家桶(vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等) 2. 采用笔记+代码案例的形式讲解,通俗易懂

c语言项目开发实例

十个c语言案例 (1)贪吃蛇 (2)五子棋游戏 (3)电话薄管理系统 (4)计算器 (5)万年历 (6)电子表 (7)客户端和服务器通信 (8)潜艇大战游戏 (9)鼠标器程序 (10)手机通讯录系统

相关热词 c#中如何设置提交按钮 c#帮助怎么用 c# 读取合并单元格的值 c#带阻程序 c# 替换span内容 c# rpc c#控制台点阵字输出 c#do while循环 c#调用dll多线程 c#找出两个集合不同的
立即提问