为博客添加返回顶部按钮

当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. avatar
    沙发
    牛逼思维 2013-07-04 14:51

    一直懒没添加。。

  2. avatar
    板凳
    科学那点事 2013-07-04 08:19

    其实感觉用处不大

  3. avatar
    地板
    小A 2013-07-04 00:35

    这个已经成为基本组件了~

  4. avatar
    4 楼
    solpanel 2013-07-03 06:02

    这个对WP来说挺好的。

  5. avatar
    5 楼
    小冬网赚博客 2013-07-02 14:19

    代码实现 还是比较好的

  6. avatar
    6 楼
    UFO 2013-07-02 08:36

    拜访,谢谢博主分享!欢迎来小站坐坐!

  7. avatar
    7 楼
    沈梦姿 2013-07-02 06:16

    很实用的分享

  8. avatar
    8 楼
    才叔 2013-07-02 02:31

    太高深了不会弄

  9. avatar
    9 楼
    SingleX 2013-07-01 09:43

    貌似我是缺少个这东西

  10. avatar
    10 楼
    深蓝 2013-07-01 07:40

    嘿嘿,虽然早就知道了,还是顶一个。。
    返回顶部对一个很长很长的博客,还是非常非常的有用的