TypechoJoeTheme

老狮的梦

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码

两侧固定悬浮广告

老狮博主
2019-07-31
/
0 评论
/
1,405 阅读
/
211 个字
/
百度已收录
07/31
本文最后更新于2020年01月19日,已超过893天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

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



功能

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两位大佬的热心帮助!

美化代码
朗读
赞(0)
赞赏
感谢您的支持,我会继续努力哒!
版权属于:

老狮的梦

本文链接:

https://laolion.com/archives/1151.html(转载时请注明本文出处及文章链接)

评论 (0)

互动读者

  • 八九闲逛

    评论 5 次 | 文章 0 篇

  • 老狮博主

    评论 5 次 | 文章 335 篇

  • aihe闲逛

    评论 3 次 | 文章 0 篇

  • 秋天笔记闲逛

    评论 3 次 | 文章 0 篇

标签云