1.31 创建页面固定浮动栏的方法

曾几何时，页面广告是许多网站的主要收入来源，其最常见的呈现形式就是固定在页面右侧的浮动层，而且随着页面上下滑动该浮动层位置不变。大家都知道CSS定位中有一种用法是“position:fixed”可以让层处于固定位置，但无奈的是很多旧版本浏览器并不支持该特性，看起来CSS的浏览器兼容性是个大问题。本例学习利用jQuery框架来创建页面固定浮动栏的方法，效果如图1.48所示。

本例主要代码如下：

本例创建页面固定浮动栏方法是基于floatDiv插件实现的，关键代码见第05~07行，其中$("#rtop").floatdiv()函数用来创建右上角固定浮动栏，写法如下：

其中参数说明见表1.7。