先开个文章,等晚上回去的时候在写个完整的!
完善了大半天,终于弄好了。
功能
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.php
的function 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>
尾声
在实现的过程中遇到了一些难题,这里要感谢 Wind 和DEAL两位大佬的热心帮助!