广告联盟评测

百度联盟怎么跟随侧边栏滚动条?

广告联盟评测 2018-03-11 09:20 百度联盟 4 5431
网站文章太长,侧边栏空缺不美观?侧边栏美化可以用广告联盟来占位,但是怎么让图片或者百度联盟跟随侧边栏滚动条呢?

其实很容易实现,大事记教给大家两种方法,分别为调用外部代码和现成的百度联盟广告代码。

第一种:调用第三方代码

      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对网站打开速度是有利的。今天介绍的跟随侧边栏滚动条教程是不是很简单呢,哇咔咔~~~


推荐阅读: 百度联盟只有展现量居然会有收入!


广告联盟评测
广告联盟大事记
砍柴喂马、从此做一个幸福的人!
评论列表
  • 你好  2018-03-11 11:08
    你的qq多少  我找你有事
  • 周松松博客  2018-03-11 11:08
    还在申请百度联盟
    广告联盟评测2018-03-11 11:30
    @周松松博客:多试试看,肯定能过的。
  • 姜哥说  2018-03-11 10:54
    这个收藏,不错,不过我的已实现
看不清楚?点图切换