给你的网站添加“回到顶部”

现在主流的网站中都加入了回到顶部这个功能，也就是右下角的一个向上箭头，点击后就会回到网站的顶部，这是一个很实用的功能，今天我把他加入到了我的博客中，来说说我是如何实现的。

第一步，在CCS中添加如下代码

#backtotop {
padding:5px;
position:fixed;
bottom: 5px;
right: 5px;
cursor:pointer;
}

查找<b:skin> 然后添加到下面。

第二步，添加代码到body中

<a href='#' id='backtotop'><img alt='back to top' src=' https://lh3.googleusercontent.com/-Z7kYlZ5uh6w/UJzQePu6qkI/AAAAAAAAB4E/qH7MpXEPons/s46/back%2520to%2520top.png '/></a>

查找</body> 然后添加到下面。

不喜欢这个图标的自行修改，然后上传到服务器，修改调用链接。

添加这些代码后，再次打开网页会发现已经出现了图标，点击后也可以工作，但是返回的效果会显得比较生硬，我们需要把他加上平滑的效果才完美。

添加代码到head中

<!-- start back to top -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
<!-- end back to top -->