百度联盟怎么跟随侧边栏滚动条?
网站文章太长,侧边栏空缺不美观?侧边栏美化可以用广告联盟来占位,但是怎么让图片或者百度联盟跟随侧边栏滚动条呢?
其实很容易实现,大事记教给大家两种方法,分别为调用外部代码和现成的百度联盟广告代码。
第一种:调用第三方代码
JS代码如下:
<script> $(function () { if ($(".fixed_side").length > 0) { var offset = $(".fixed_side").offset(); $(window).scroll(function () { var scrollTop = $(window).scrollTop(); //如果距离顶部的距离小于浏览器滚动的距离,则添加fixed属性。 if (offset.top < scrollTop) $(".fixed_side").addClass("fixed"); //否则清除fixed的css属性 else $(".fixed_side").removeClass("fixed"); });}}); </script>
<div class="fixed_side"><img src="这里是你的设定的滚动图片地址URL"></div>
上面的DIV这个代码加到你网站的侧边栏就OK了,或者替换成你要加的广告代码即可。
接着看百度联盟代码如何实现侧边栏跟随滚动:
注意: 并不是所有的百度联盟尺寸都可以跟随侧边栏滚动(只限矩形广告!)
创建新广告位,然后点击矩形,注意可以跟随滚动栏移动的只有上图红色线框中的尺寸,即悬停。大家根据自己的尺寸,然后把是否开启悬停哪里,选择“是”就OK了。125 x 125、180 X 150 的矩形广告不支持一键悬停哦,所以大家可以调用第一种方法里边的JS。
大事记建议使用百度联盟自身的悬停,毕竟少个js对网站打开速度是有利的。今天介绍的跟随侧边栏滚动条教程是不是很简单呢,哇咔咔~~~
推荐阅读: 百度联盟只有展现量居然会有收入!
标签:百度联盟