为博客添加返回顶部按钮

当Wordpress网页显示的内容增多时,如果继续使用鼠标滚动来返回顶部导航的话将会是件很麻烦的事情。很多时候我们需要滚好几下才能到达顶部,这时为博客添加返回顶部按钮是很有必要的,不过现在大部分博客主题都已集成这个功能。这次添加的返回顶部是我在上个主题mossight中用到的,具体效果为icon
源代码下载地址http://pan.baidu.com/share/link?shareid=1248009496&uk=2114932829
引入lrtk.css/jquery.js/js.js文件

<link type="text/css" href="<?php bloginfo('template_directory');?>/lrtk.css" rel="stylesheet" />
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/js.js"></script>

在single.php或者index.php添加

<!-- 代码开始 -->
<div id="tbox">
	<a id="pinglun" href="#@@@@@@"></a>
	<a id="xiangguan" href="#@@@@@@"></a>
	<a id="gotop" href="javascript:void(0)"></a>
</div>
<!-- 代码结束 -->

在本主题中,可以如下设置定位到快速回复,相关文章

<!-- 代码开始 -->
<div id="tbox">
	<a id="pinglun" href="#respond"></a>
	<a id="xiangguan" href="#share"></a>
	<a id="gotop" href="javascript:void(0)"></a>
</div>
<!-- 代码结束 -->

大家可以自身主题更改下............<高手勿喷>

评论 ( 51)
  1. 沙发
    fenng 2013-08-25 15:10

    😈 我喜欢极客公园的返回效果,好帅

  2. 板凳
    一季花落 2013-07-30 06:00

    改了嘛 怎么没看到

  3. 地板
    从良未遂 2013-07-16 06:14

    你自己用的不是这个啊。

  4. 4 楼
    wordpress中文 2013-07-11 09:27

    这个东西不错,收藏了,哪天说不定会用得上呢!

  5. 5 楼
    一季花落 2013-07-08 13:17

    支持海蓝的 我也喜欢那个

  6. 6 楼
    海蓝 2013-07-08 04:54

    其实还是有个向上和评论的按钮比较方便

  7. 7 楼
    谷力果粒 2013-07-06 18:26

    嗯,看起来很不错呢。

  8. 8 楼
    明修网络博客· 2013-07-05 15:00

    这就是用户体验,很不错的设计

  9. 9 楼
    anopos 2013-07-05 05:30

    简单的东西被搞得太复杂了吧。

    • 回复
      andy 2013-07-05 09:15
      @anopos @anopos : 其实不是很复杂吧,大部分都是这样的吧