我是一只历经沧桑的老狮

两侧固定悬浮广告

先开个文章,等晚上回去的时候在写个完整的!
完善了大半天,终于弄好了。

功能

1. 完全自适应,只会在电脑端显示广告,移动端不显示。
2. 后台可以控制广告,喜欢就开,不喜欢就关,我的地盘我做主。
3. 点击任意空白地方就可以轻松关闭广告,超级简单。

食用方法

第一步

广告代码,放在 footer.php</body>前面

<?php if($this -> options -> guanggao_set == '1'): ?>
<div class="guanggao">
<div style="position:absolute;top:200px;" class="gd" <a href="http://renzhijia.com/?yqi=15023" target="_blank"><img border="0" src="http://laolion.com/img/guanggao1.jpg" ></a></div>
<div style="position:absolute;top:200px;right:0px;" class="gd"><a href="http://renzhijia.com/?yqi=15023"  target="_blank"><img border="0" src="http://laolion.com/img/guanggao2.jpg" ></a></div>
<script type="text/javascript">
function gundong(){
    var gdTop=document.body.scrollTop+100;
    var st=document.getElementsByClassName("gd");
    for(var i=0;i<st.length;i++){st[i].style.top=gdTop+"px";
    }
}
window.onscroll=function(){gundong();
}
$(function(){$(document).bind("click",function(e){var target  = $(e.target);
        if(target.closest(".gd").length == 0){$(".gd").hide();}
    })    
})
</script>
</div>
<?php endif; ?>

第二步

关闭开关代码,放在 functions.phpfunction themeConfig($form) {Single::update();下面

 // 开启广告
    $guanggao_set = new Typecho_Widget_Helper_Form_Element_Radio('guanggao_set',
        array('0' => _t('关闭'),
            '1' => _t('开启'),
        ),
    '0', _t('是否开启广告'), _t('在网页两侧显示固定的广告'));
    $form -> addInput($guanggao_set);

第三步

移动端不显示代码,放在 footer.php 广告代码的上面, 或者放在 header.php 里面

<style>    
   @media screen and (max-width:650px) {.guanggao{display:none !important;}}
  </style>

尾声

在实现的过程中遇到了一些难题,这里要感谢 WindDEAL两位大佬的热心帮助!

本站未注明转载的文章均为原创,转载请注明来源,谢谢!

添加新评论