为WordPress添加返回顶部按钮

如果你的博客首页显示内容较多，或者文章页面篇幅较长，那么无疑为wordpress添加一个返回顶部的功能是非常实用的，将有助于提升用户体验，如果还没有添加的朋友可以试试哦。

一、首先将下面的代码添加到主题目录的style.css样式表中，当然也可以根据自己的风格进行修改：

/*返回顶部样式*/
#gotop{
	width:38px;

	height:36px;

	position:fixed;

	bottom:25px;

	right:10px;

	top:auto;

	display:block;

	cursor:pointer;

	background: url(myimages/top.gif) no-repeat
}

*html #gotop{
	position:absolute;

	bottom:auto;                          
        
    top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

}

二、将下面的代码添加到主题目录的footer.php中进行调用：

三、将所需要的图片放在主题目录的myimages文件夹下，并且图片的名字为top.gif，也可以在步骤1的第19行代码修改路径和名字。

返回顶部图片下载地址:http://pan.baidu.com/s/1c0Oj6Li

标签：WordPress添加返回顶部按钮