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

整个广告放在一个js文件中,所以,需要先在模板上引入这个baidu.js文件
广告位置会自动插入,一般不需要找位置.
因为js中有一个固定位置的广告,所以.哪个位置需要显示这个固定广告,则直接把js放在相应位置即可.放好后,其它的对联广告等会自动显示
baidu.js先引入

 <div class="abc"><script src="js/baidu.js"></script></div>

baidu.js中的内容为

var top2 = "https://cuntuku.com/images/2018/07/21/txmg7.gif"; //手机端头部,不显示时,可能变量冲突, 可以换个变量名var  left = 'http://wx2.sinaimg.cn/mw690/0060lm7Tly1ftgf963phwj30b40hk7ox.jpg' //左侧对联图片var right = 'http://wx1.sinaimg.cn/orj480/0060lm7Tly1ftgbq3dpsej30b40hktt3.jpg' //右侧对联图片var auto = 'https://cuntuku.com/images/2018/07/21/txmg7.gif'  // pc固定var pageWidth = 980;  //页面内容的宽度var slidWidth = 200; //左右两侧的图片宽度var slidHeight = 300; //左右两侧的图片高度var autoHeight = 220; //固定图片高度var autoTop = 0; //固定图片距离顶部的位置var phoneHeight = 150; //手机顶部图片高度var link1 = 'http://www.yabovip55.cc'; //手机顶部链接var link2 = 'http://www.yabo2018.net/?i_code=20082'; //对联左侧链接var link3 = 'http://www.yabo2018.net/?i_code=20082'; //对联右侧链接var link4 = 'http://www.yabo2018.net/?i_code=20082'; //固定位置链接var style = document.createElement('style');style.innerHTML = '#fixed-left,#fixed-right{position: fixed;width:'+ slidWidth +'px;height: '+ slidHeight +'px;margin-top: -'+ slidHeight/2 +'px;z-index:99999;top:50%;}#fixed-left{left:50%;margin-left:-'+ (pageWidth/2+slidWidth) +'px;}#fixed-right{right:50%;margin-right:-'+ (pageWidth/2+slidWidth) +'px;}#fixed-left img,#fixed-top img,#fixed-right img,#fixed-auto img{display: block;width:100%;height: 100%;}#fixed-top,{position: fixed;width: '+ pageWidth +'px;left:50%;margin-left: -'+ pageWidth/2 +'px;}#fixed-top{top:0;height: '+phoneHeight+'px}#fixed-auto{width: 100%;height:'+ autoHeight +'px}.fclose{position: absolute;right: 0;top: 0;background: red;color:#fff;padding:2px 3px;font-size: 14px;}';document.head.appendChild(style);//对联广告var fixedleftright = document.createElement('div');fixedleftright.innerHTML = '<div id="fixed-left"><a href="'+ link2 +'"><img src="'+ left +'"  alt=""></a><div id="fclose-left" class="fclose">关闭</div></div><div id="fixed-right"><a href="'+ link3 +'"><img src="'+ right +'"  alt=""></a>\<div id="fclose-right" class="fclose">关闭</div></div>';document.getElementsByTagName('body')[0].appendChild(fixedleftright);//顶部广告,手机专用var fixedtop = document.createElement('div');fixedtop.innerHTML = '<div id="fixed-top"><a href="'+ link1 +'"><img src="'+ top2 +'" alt=""></a><div id="fclose-top" class="fclose">关闭</div></div>';document.getElementsByTagName('body')[0].prepend(fixedtop);// 固定广告fixedauto = '<div id="fixed-auto"><a href="'+link4+'"><img src="'+ auto +'" alt=""></a><div id="fclose-bottom" class="fclose"></div></div>';document.writeln(fixedauto);//直接在引入位置显示固定广告if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {//在手机上,对联及固定广告都隐藏document.getElementById('fixed-left').style.display = "none";document.getElementById('fixed-right').style.display = "none";document.getElementById('fixed-auto').style.display = "none";} else {//电脑上,顶部广告直接隐藏document.getElementById('fixed-top').style.display = "none";}var fclose = document.getElementsByClassName('fclose');for (var i = 0; i < fclose.length; i++){fclose[i].onclick = function(){this.parentNode.style.display = "none";}}

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

浮动广告（页面中一张广告图片不断的变化位置）
浮动广告(页面中一张广告图片不断的变化位置) <style>#dt{width: 150px;height: 150px;background-color: red;position: a ...
html漂浮广告随页面移动代码,JS漂浮广告代码，慢慢漂移的广告JS代码
JS漂浮广告代码,慢慢漂移的广告js代码,可以漂浮到任何位置,哈哈...直接贴代码,很简单. var xin = true, yin = true var step = 1 var delay = 5 ...
python如何设置画布开始位置_如何设置亚马逊站内广告？亚马逊自动广告手动广告都在什么位置？...
我做跨境电商也有六年的时间了,在电商这个行业也有自己的一些经验.经验也许没有其他大卖家丰富,但会将我知道的都进行分享.如果有不懂得亚马逊问题可以+我(V:772024802).我这里给大家安排一堂直播 ...
html js中间显示悬浮窗,Js 悬浮窗口(可固定位置)代码
本节内容: Js 悬浮窗口说明: 固定位置的Js悬浮窗口,代码有详细的注释. 例子: 复制代码代码示例: Fixed固定位置的悬浮 - www.jquerycn.cn * { font-size: ...
html 仿京东收起展开,网页顶部自动下拉/收缩广告代码（仿京东）
[javascript]代码库网页顶部自动下拉/收缩广告代码(仿京东) var intervalId = null; function slideAd(id, nStayTime, sState, ...
展开关闭页面html,JQUERY实现网页右下角固定位置展开关闭特效的方法
本文实例讲述了JQUERY实现网页右下角固定位置展开关闭特效的方法.分享给大家供大家参考.具体如下: html代码: 热门标签... js展开收起 js幻灯片 js特效广告代码对联广告 js弹出层 ...
10讲项目实战首页底部固定位置的分享、咨询功能
#10讲项目实战首页底部固定位置的分享.咨询功能 <!--整站建设步骤如下: 1.构建一个宽度100% 高度149px 这样一个长方形,为了保证浏览器的兼容,我们加了*{margin:0 ...
html 两个idv上下居中,Django搭建个人博客：回到顶部浮动按钮、矢量图标、页脚沉底和粘性侧边栏...
本章集中介绍四个重要的小功能:回到顶部浮动按钮.矢量图标.页脚沉底和粘性侧边栏. 这几个功能与Django基本没啥关系,更多的是前端知识,但是对博客网站都很重要,问的读者也比较多,因此也集中讲一下好了 ...
《计算广告》第三部分计算广告关键技术——笔记（下）
文章目录第14章程序化交易核心技术广告交易平台ADX cookie映射询价优化需求方平台定制化用户标签 DSP中的点击率预测点击价值估计出价策略供给方平台SSP 第15章其他广告相 ...
《计算广告》第三部分计算广告关键技术——笔记（中上）
文章目录第11章合约广告核心技术广告排期系统担保式投送系统流量预测频次控制在线分配在线分配问题极限性能研究实用优化算法第12章受众定向核心技术受众定向技术分类上下文定向半 ...

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

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

最新文章

热门文章