小编就直接给代码了:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>文中加载广告方式</title> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">核心的js代码:
<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>主要是order的大学控制广告的位置,大家可以根据需要修改。
这个是需要加载jquery的,当然网上还有一些需要判断字符长度截取的方法,都是不错的。
当然现在广告比较多的而且控制的不错的可以到新浪网看下他的内容页的广告也有文内的。
标签:
文内,画中画
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“信息页文内画中画广告js实现代码(文中加载广告方式)”评论...