老狮
两侧固定悬浮广告
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.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两位大佬的热心帮助!

