侧边栏实现悬浮滑动块

看见有人要，就发出来！
大家应该在别人的网站上的侧边栏看见过一个悬浮的小框！
这个框可以放这个网站比较热门的东西，也可以放赞助商广告提升点击率。
我觉得这个功能是非常实用的。
把这代码和使用方法分享出来共同学习交流。

第一步：jQuery代码

//sidebar scroll
jQuery(document).ready(function($) {
if (!isie6()) {
var offset_height = 0;
var rollStart = $('#rollstart'),
rollSet = $('.laoshiji');
rollStart.before('class="laoshijibox">

');

var offset = rollStart.offset(),

objWindow = $(window),

rollBox = rollStart.prev();

if (objWindow.width() > 960) {

objWindow.scroll(function() {

if (objWindow.scrollTop() > offset.top+offset_height) {

if (rollBox.html(null)) {

rollSet.clone().prependTo('.laoshijibox');

}

if ($(".laoshiji").size()>1)

$(".laoshiji").eq(1).hide();

rollBox.children().show();

rollBox.show().stop().animate({

top: 0,

paddingTop: 15

400);

} else {

rollBox.hide().stop().animate({

top: 0

400);

if ($(".laoshiji").size()>1)

$(".laoshiji").eq(1).show();

}

})

}

function isie6() {

if ($.browser.msie) {

if ($.browser.version == "6.0") return true;

}

return false;

}

});

第二步：悬浮框内容标签

<div class="laoshiji">这里是悬浮框的添加内容div>

第三步：开始滑动位置设置

<div id="rollstart">div>

第四步：CSS代码

.laoshijibox{position:fixed;background:none;width:275px;}

最后讲解和使用：

由于代码不长懂点儿代码的或许能看懂！
1，在jQuery代码第五行“#rollstart”是指滑块id="rollstart"的容器开始悬浮的位置，一般添加第三步代码到侧边栏的尾部即可。
2，在jQuery代码第六行“.laoshiji”是指要把class="laoshiji"的标签容器进行悬浮。如：第二步代码形式。
3，必不可少的css代码，把第四段代码放在Emlog主题根目录的style.css或者你自己定义的css文件中。
最后：悬浮侧边小工具是非常实用的功能，但是前提发现没？用的是jQuery代码，所以要事先引用一下jQuery库文件吧！Google、Microsoft，Sae，新浪，百度都有开放的jQuery库，可以在Emlog进行外引。