前二天帮人改版网站的时候，正好需要悬浮广告的代码，在网上搜索下，不甚满意，就自己写了这个jquery悬浮广告插件，我把它命名为float，此浮动可非css里面的float。

• 点此下载

为了方便各位使用，特制作了四个demo，有兴趣的朋友，请留意第四个demo，第四个demo中，偶创建了对联悬浮层，用于显示收藏和rss订阅，demo4的样式偶是从addthis复制过来的，哈偷下懒。

调用非常简单：

$(“#to-right”).float({position:”rm”});

创建一个右中的悬浮层。

你可以创建以下几个位置的浮动层

1. rm : 右中
2. lm ：左中
3. rb ：右下
4. lb ：左下
5. l、r、t、b ：左右上下

详细说明下demo4

$(“.add-collect-to”).float({
position:”lm”,
offset : {left : -185},
style:{width:214}
});

这里创建一个左中浮动的“收藏”层，有三个参数：

1. position，位置
2. offset 偏移，这里是向左偏移185像素
3. style容器层样式

为什么这里要加偏移呢？
“收藏”的列表实际上是隐藏的，只有鼠标滑过时才显示，这时我们只需要显示“收藏到”这个按钮即可，所以设置偏移，隐藏掉列表。

$(“.add-collect-to”).hover(function(){
$(this).float(“clearOffset”);
},function(){
$(this).float(“addOffset”);
})

我给这个插件加了三个方法。

1. clearOffset ：清理偏移（显示完整的层）
2. addOffset ：添加偏移（隐藏内容列表）
3. setScrollDisable ：让层不再随滚动条浮动

有不明白的地方或有发现什么bug，可以给明河留言，谢谢！