侧边栏广告跟随固定浮动效果:
第一步：引入jquery.min.js，如果已经引入，则不必重复引入。在主题header.php文件中添加如下代码：
<script type=」text/javascript」 src=」http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js」></script>
第二步：在</body>标记前加入如下代码，推荐加在主题footer.php文件</body>标记前。
<script type="text/javascript">// <![CDATA[
$.fn.smartFloat = function() {
var position = function(element) {
var top = element.position().top, pos = element.css("position");
$(window).scroll(function() {
var scrolls = $(this).scrollTop();
if (scrolls > top) {
if (window.XMLHttpRequest) {
element.css({
position: "fixed",
top: 0
});
} else {
element.css({
top: scrolls
});
}
}else {
element.css({
position: pos,
top: top
});
}
});
};
return $(this).each(function() {
position($(this));
});
};
//绑定
$("#float").smartFloat();
// ]]></script>
第三步：打开主题侧边栏文件，一般为sidebar.php，把你想要跟随浮动的层添加id=float属性，大家可以参考如下代码：
<div id="float" class="float"> <h3>赞助商链接</h3> 广告代码 </div>
