大家应该都经历过，优秀的网页都会给人一个良好的浏览体验，比如一个较长的页面，看完之后想返回顶部，用鼠标滚轮是挺有效的方法，但如果我们为用户提供一个按钮，点击即返回顶部，不是更方便？本文与大家分享一下我的博客添加返回顶部按钮的过程，分享我的代码及使用的图片。

第一步、把以下代码添加到footer.php文件的</body>代码前：

你可以随意添加到想要添加的页面，因为我的博客所有的页面都会调用footer.php文件，这样这个返回顶部的按钮就在所有页面都可以显示了。

第二步、把以下样式文件复制到你的style.css文件里：

/*goto top*/
.gototop{
position:fixed;
bottom: 0;
right: 5%;
background-image:URL(images/gotop.png); width:48px; height:48px;
_position: absolute;
_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
.gototop A{ display:block;width:48px; height:48px;}
.gototop A:hover{background-image:URL(images/gotop2.png); width:48px; height:48px;}

第三步、把以下文件上传到你的主题文件的images文件里：

这样就完成了，是不是很简单？演示就看我的博客页面即可。