广告代码 - 广告联盟测评网

广告代码大全

一、JS广告轮播代码

将代码粘贴到网页任意位置，实现多个广告自动轮播。

效果演示

广告展示位一

广告展示位二

广告展示位三

<div id="lm-rotate" style="width:300px;height:65px;position:relative;overflow:hidden;"></div>
<script type="text/javascript">
(function(){
  var ads=[
    {type:'text',text:'广告一',bg:'#1a6dc5',color:'#fff',url:'https://lianmeng.la'},
    {type:'text',text:'广告二',bg:'#cc3300',color:'#fff',url:'https://lianmeng.la'},
    {type:'text',text:'广告三',bg:'#336600',color:'#fff',url:'https://lianmeng.la'}
  ];
  var wrap=document.getElementById('lm-rotate'),idx=0,slides=[];
  for(var i=0;i<ads.length;i++){
    var a=ads[i],s=document.createElement('div');
    s.style.cssText='position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:'+(i===0?1:0)+';transition:opacity 0.5s;';
    if(a.type==='image'){
      s.innerHTML='<a href="'+a.url+'" target="_blank" style="display:block;width:100%;height:100%;"><img src="'+a.img+'" style="width:100%;height:100%;object-fit:cover;"></a>';
    } else {
      s.style.background=a.bg;
      s.innerHTML='<a href="'+a.url+'" target="_blank" style="color:'+a.color+';font-size:14px;text-decoration:none;">'+a.text+'</a>';
    }
    wrap.appendChild(s);slides.push(s);
  }
  setInterval(function(){slides[idx].style.opacity=0;idx=(idx+1)%slides.length;slides[idx].style.opacity=1;},3000);
})();
</script>

二、JS对联广告代码

粘贴到网页 </body> 前，在页面左右两侧显示对联广告。

效果演示（此区域内模拟）

左
联
广
告

右
联
广
告

x 关闭

<style>
#lm-dl-l,#lm-dl-r{position:fixed;top:50%;transform:translateY(-50%);z-index:9999;}
#lm-dl-l{left:0;}#lm-dl-r{right:0;}
#lm-dl-close{position:fixed;right:0;top:calc(50% + 65px);z-index:10000;background:rgba(0,0,0,.5);color:#fff;font-size:11px;padding:2px 6px;cursor:pointer;}
</style>
<div id="lm-dl-l"><a href="https://lianmeng.la" target="_blank"><img src="左联图片URL" style="width:80px;height:130px;display:block;"></a></div>
<div id="lm-dl-r"><a href="https://lianmeng.la" target="_blank"><img src="右联图片URL" style="width:80px;height:130px;display:block;"></a></div>
<span id="lm-dl-close" onclick="document.getElementById('lm-dl-l').style.display='none';document.getElementById('lm-dl-r').style.display='none';this.style.display='none';">x 关闭广告</span>

广告代码大全

一、JS广告轮播代码

二、JS对联广告代码

联盟资讯更多

最新收录

结算及时性排行

单价满意度排行

服务质量排行

人气排行

最新评论

广告代码大全

一、JS广告轮播代码

二、JS对联广告代码

联盟资讯 更多

最新收录

结算及时性排行

单价满意度排行

服务质量排行

人气排行

最新评论

联盟资讯更多