这个东西从本人INLODZ主题上分离出来。也就是在返回顶部的基础上添加内页的评论、主页按钮,这两个新的按钮不在首页显示。

html结构
<div id="totop_box">
  <?php if( is_single() || is_page()){?>
  <a id="home" href="<?php bloginfo('siteurl');?>" title="返回首页"></a>
  <?php } ?>
  <?php if( is_single() || is_page() && comments_open() ){ ?>
  <a id="comm" href="#comments" title="发表评论"></a>
  <?php } ?>
  <a id="totop" href="javascript:void(0)" title="返回顶部"></a>  
</div>
css代码
/*返回顶部*/
#totop_box{width:45px;float:right;position:fixed;right:55px;bottom:60px}
#comm,#home{width:45px;height:45px;background:#363d4c url(img/icon.png) no-repeat;display:block;margin-bottom:5px;filter:alpha(Opacity=50);-moz-opacity:.5;opacity:.5}
#totop{width:45px;height:45px;background:#363d4c url(img/icon.png) no-repeat;margin-bottom:5px;filter:alpha(Opacity=50);-moz-opacity:.5;opacity:.5;background-position:0 -100px;display:none;z-index:999}
#comm:hover,#home:hover,#totop:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1}
#comm{background-position:0 -50px}
#home{background-position:0 5px}

需要用的图片下载(右键另存下来,改名为icon.png,并且放在img文件夹内)
返回顶部图片
也可以从INLODZ主题img文件夹里面扒出来。

JS控制
// 建立锚点函数,用于跳转后的滚动定位
function body_am(id) {
    id = isNaN(id) ? $('#' + id).offset().top : id;
    $("body,html").animate({
        scrollTop: id
    }, 300);
    return false;
}

// 滚动事件
$(window).scroll(function() {
    var scroll_top = $(window).scrollTop();        
    if (scroll_top > 200) {
        $("#totop").css('display','block');
    } else {
        $("#totop").css('display','none');
    }
});
$('#totop').live('click',
function(){
    body_am(0);
    }
);

以上。