Boliquan

(1)加载jQuery库，将slide.js放入js目录，将slide.gif | | 放入img目录。

slide.js文件内容为：

jQuery(document).ready(function($){
var s= $('#shangxia').offset().top;$(window).scroll(function (){$("#shangxia").animate({top : $(window).scrollTop() + s + "px" },{queue:false,duration:500});});
$body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
$('#shang').click(function(){$body.animate({scrollTop: '0px'}, 400);});
$('#xia').click(function(){$body.animate({scrollTop:$('#footer').offset().top}, 800);});
$('#comt').click(function(){$body.animate({scrollTop:$('#comments').offset().top}, 800);});
});

(2)在主题footer.php中添加如下代码：

<div id="shangxia">
	<div id="shang" title="<?php _e('Top','YLife'); ?>"></div>
	<?php if (is_singular()) { ?><div id="comt" title="<?php _e('Comment','YLife'); ?>"></div><?php } ?>
	<div id="xia" title="<?php _e('Bottom','YLife'); ?>"></div>
</div>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/slide.js"></script>

(3)在style.css文件中加入以下代码

#shangxia{position:absolute;top:40%;left:50%;margin-left:-535px;display:block;}
#shang{background:url(img/slide.gif) no-repeat;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}
#comt{background:url(img/slide.gif) no-repeat center -45px;position:relative;cursor:pointer;height:32px;width:32px;margin:10px 0;}
#xia{background:url(img/slide.gif) no-repeat center -78px;position:relative;cursor:pointer;height:42px;width:32px;margin:10px 0;}