信息页文内画中画广告js实现代码(文中加载广告方式)

旧城等待， 2021-06-26 16:06 305阅读 0赞

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    
    <title>文中加载广告方式</title>
    
    <script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery.min.js"></script>
    
    <div class="content" id="articleText">
    
    <p>每天都有一个明天，在我们的心中，明天总是美好明亮的。快乐的面对未来，积极的对待生活，让生活充满花香。</p>
    
    <p>现代诗歌，是充满活力充满力量的一种文体。当积极向上的内容用现代诗歌展现出来时，似乎正能量饱满而又精神的阳光一般。让我们沐浴阳光，天天向上！</p>
    
    <p><strong>一、《自信》</strong></p>
    
    <p>不要马马虎虎<br>不要三心二意<br>追求绝对的准确<br>追求相对的完美<br>就算一个字也要写好<br>才会真正的收获快乐</p>
    
    <p>无论在任何时候<br>都要对自己充满信<br>无论遇到任何羁绊<br>都要坚定向前<br>相信自己是最棒的<br>所有的困难都会被击垮</p>
    
    <p><strong>二、《跨越自己》</strong></p>
    
    <p>我们可以欺瞒别人<br>却无法欺瞒自己<br>当我们走向枝繁叶茂的五月<br>青春就不再是一个谜</p>
    
    <p>向上的路<br>总是坎坷又崎岖<br>要永远保持最初的浪漫<br>真是不容易<br>有人悲哀<br>有人欣喜<br>当我们跨越了一座高山<br>也就跨越了一个真实的自己</p>
    
    <p><strong>三、《倘若才华得不到承认》</strong></p>
    
    <p>倘若才华得不到承认<br>与其诅咒，不如坚忍<br>在坚忍中积蓄力量<br>默默耕耘<br>诅咒，无济于事<br>只能让原来的光芒黯淡<br>在变得黯淡的光芒中<br>沦丧的更有，大树的精神<br>飘来的是云<br>飘去的也是云<br>既然今天<br>没人识得星星一颗<br>那么明日<br>何妨做，皓月一轮</p>
    
    <p><strong>四、《我微笑着走向生活》</strong></p>
    
    <p>我微笑着走向生活，<br>无论生活以什么方式回敬我。<br>报我以平坦吗？<br>我是一条欢乐奔流的小河。<br>报我以崎岖吗？<br>我是一座大山庄严地思索！<br>报我以幸福吗？<br>我是一只凌空飞翔的燕子。<br>报我以不幸吗？<br>我是一根劲竹经得起千击万磨！<br>生活里不能没有笑声，<br>没有笑声的世界该是多么寂寞。<br>什么也改变不了我对生活的热爱，<br>我微笑着走向火热的生活！</p>
    
    <p><strong>五、《热爱生命》</strong></p>
    
    <p>我不去想是否能够成功<br>既然选择了远方<br>便只顾风雨兼程</p>
    
    <p>我不去想能否赢得爱情<br>既然钟情于玫瑰<br>就勇敢地吐露真诚</p>
    
    <p>我不去想身后会不会袭来寒风冷雨<br>既然目标是地平线<br>留给世界的只能是背影</p>
    
    <p>我不去想未来是平坦还是泥泞<br>只要热爱生命<br>一切，都在意料之中</p>
    
    <p><strong>六、《献给黄昏的星》</strong></p>
    
    <p>黄昏的星从大地海洋升起<br>我站在黑夜的尽头<br>看到黄昏像一座雪白的裸体<br>我是天空中唯一一颗发光的星星</p>
    
    <p>在这艰难的时刻<br>我仿佛看到了另一种人类的昨天<br>三个相互残杀的事物被怼到了一起<br>黄昏，是天空中唯一的发光体<br>星，是黑夜的女儿苦闷的床单<br>我，是我一生中无边的黑暗</p>
    
    <p>在这最后的时刻，我竟能梦见<br>这荒芜的大地，最后一粒种子<br>这下垂的时间，最后一个声音<br>这个世界，最后的一件事情，黄昏的星</p>
    
    <p><strong>七、《山高路远》</strong></p>
    
    <p>呼喊是爆发的沉默<br>沉默是无声的召唤<br>不论激越<br>不是宁静<br>我祈求<br>只要不是平淡<br>如果远方呼喊我<br>我就走向远方<br>如果大山召唤我<br>我就走向大山<br>双脚磨破<br>干脆再让夕阳涂抹小路<br>双手划烂<br>索性就让荆棘变成杜鹃<br>没有比脚更长的路<br>没有比人更高的山</p>
    
    </div>
    
    <div class="clear"></div>
    
    <div style="float:left;margin:10px 10px 10px 0;display:none" id="article_ad0">
    
    <script type="text/javascript"> var sti; var resize = function (temp, ad) { var timer, count = 0, limit = 50; timer = setInterval(function () { var tempOffset = temp.offset(); var adOffset = ad.offset(); count += 1; ad.css({ left: tempOffset.left, top: tempOffset.top }); if (count >= limit || adOffset.top === tempOffset.top) { clearInterval(timer) } }, 100); }; function check_show(container, caid, order) { var ad = $('#' + caid); var offset; var temp = $('<div>').css({ 'float': 'left', width: ad.width(), height: ad.height(), margin: '10px 10px 10px 0' }); if (ad.height() > 10) { $("#" + container + " p").eq(order).after(temp); offset = temp.offset(); ad.css({ position: 'absolute', left: offset.left, top: offset.top }).show(); resize(temp, ad); clearInterval(sti); } } function weneiAd(container,aid){ var p = $("#"+container).find("p").size(); var img = $("#"+container).find("img").size(); var caid='article_ad0'; var order=0; if(img>1&&p<=3){ }else if(img==1&&p>3){ order=1; }else if(img==0&&p>3){ order=1; }else if(img>1&&p>5){ order=5; } if(order>0){ //document.write("<div style=\"float:left;margin:10px 10px 10px 0;display:none\" id=\""+caid+"\">"); document.write('<font color=red>信息页文内画中画开始</font>'); document.write("<font color=red>信息页文内画中画结束</font>"); // document.write("<\/div>"); //document.write("<div style='clear:both'><\/div>"); sti=setInterval(function () { check_show(container,caid,order);},500); } } weneiAd('articleText',4); </script>
    
    </div>

主要是`order`控制广告的位置，大家可以根据需要修改。

这个是需要加载`jquery`的，当然网上还有一些需要判断字符长度截取的方法，都是不错的。

当然现在广告比较多的而且控制的不错的可以到新浪网看下他的内容页的广告也有文内的。

## 如图： ##

![在这里插入图片描述][20190910225747225.png]

[20190910225747225.png]: /images/20210626/6babd592df424b18b6bcdc88ad2271bf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，305人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android 闪屏广告页实现

闪屏广告效果如下，倒计时完成后或点击跳过进入app，当点击广告图片时会跳转到所添加的广告详情页。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_s

港控/mmm°/ 2022年11月09日 14:18/ 0 赞/ 199 阅读

相关 java 屏蔽广告js_手机端JS屏蔽广告

最近遇到有些广告的问题，首先是在手机端，可能是用户访问了一些小网站的，(你懂得)，然后在访问我的网站时，会带小广告过来，通常是wifi被dns劫持的情况下导入到广告脚本， 1

快来打我*/ 2022年11月06日 04:50/ 0 赞/ 232 阅读

相关 JS+CSS 实现悬停广告

效果图第一种第二种封装效果图 ![这里写图片描述][20160728102515767] 第一种

清疚/ 2022年09月24日 08:27/ 0 赞/ 190 阅读

相关 JS+CSS 实现悬浮滚动广告

效果图思路代码效果图： ![这里写图片描述][20160728100844900] 思路：布局一个绝对布局的di

川长思鸟来/ 2022年09月24日 07:25/ 0 赞/ 252 阅读

相关如何在程序中加载iAD广告［转］

前言：简单介绍一下iAD。 Ad的推出无疑给Iphone/IPad的应用程序开发者打开了另一条创收之门。iPhone/iPad的程序，即使是Free的版本，也可以通过广告

淩亂°似流年/ 2022年08月21日 09:50/ 0 赞/ 192 阅读

相关 iOS-APP启动页加载广告

概述加载广告页, 展现跳过按钮实现倒计时功能, 并判断广告页面是否更新. 详细代码下载：[http://www.demodashi.com/demo/106

ゝ一纸荒年。/ 2022年05月31日 09:53/ 0 赞/ 245 阅读

相关 iOS 开屏广告页

开屏广告此处通过第三方库实现,GitHub地址:[XHLaunchAd][],![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpd

亦凉/ 2022年03月11日 19:44/ 0 赞/ 296 阅读

相关 js重复实现广告内容

<script type="text/javascript"> var div = document.getElementsByTagName('div')

àì夳堔傛蜴生んèń/ 2022年01月14日 09:39/ 0 赞/ 178 阅读

相关 js对联广告,顶部浮动广告,固定位置广告插件

整个广告放在一个js文件中,所以,需要先在模板上引入这个baidu.js文件广告位置会自动插入,一般不需要找位置. 因为js中有一个固定位置的广告,所以.哪个位置需要

迷南。/ 2021年09月27日 04:50/ 0 赞/ 484 阅读

相关信息页文内画中画广告js实现代码(文中加载广告方式)

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title

旧城等待，/ 2021年06月26日 16:06/ 0 赞/ 306 阅读