..start..fly..

扫一扫
Guestbook

Home / PHP & Wordpress / 给WordPress页面添加返回顶部的jquery效果

<< 经典书籍《血管外科要点与盲点》PDF版提供下载为wordpress的文章或者栏目添加二维码 >>

在wordpress的页面中添加返回顶部的友好按钮对于提升用户体验来说是非常不错的选择，尤其是对于长篇的文章来说。但是常规的返回顶部显得比较生硬，于是乎添加jquery效果会是非常不错的选择。

以下是本站的效果图：

top

具体实现过程如下：

一、备份好你的wordpress主题，然后找到head.php或者index.php，在<body>里面添加以下代码：

  1. <link rel=”stylesheet” type=”text/css” href=”css/top.css” />

  2. <script type=”text/javascript” src=”js/jquery.js”></script>

  3. <script type=”text/javascript” src=”js/top.js”></script>

  4. <div class=”bottom_tools”>

  5. <div class=”qr_tool”>二维码</div>

  6. <a id=”feedback” href=”https://www.sky.gs/guestbook” title=”Guestbook”

  7. target=”_blank”>Guestbook</a>

  8. <a id=”scrollUp” href=”javascript:;” title=”飞回顶部”></a>

  9. <img class=”qr_img” src=”images/weixin.png”>

  10. </div>

二、然后上传本站提供的下载包里面的css、images、js文件夹上传到主题的根目录下，注意修改文件路径。然后就是通过photoshop编辑文件包里面的weixin.png文件了，在网上生成一个二维码就OK了。

Related Posts

转载原创文章请注明，转载自：SKY..fly..[www.sky.gs]

本文链接: https://www.sky.gs/websites/phpwordpress/wordpress-page-back-top-jquery.html

QR: 给WordPress页面添加返回顶部的jquery效果

2 Responses to “给WordPress页面添加返回顶部的jquery效果”

  1. cv says:
    May 3, 2016 at 9:10 PM

    收藏career.berkeley.edu/Tools/Resume

    Reply
  2. CV says:
    May 3, 2016 at 8:28 PM

    附美国医师协会麻醉 ASA 分级：

    Ⅰ 级：病人的重要器官、系统功能正常，对麻醉和手术的耐受良好，正常情况下没有什么危险。

    Ⅱ 级：病人有轻微的系统性疾病，重要器官有轻度病变，但代偿功能健全，对一般麻醉和手术可以耐受，风险较小。

    Ⅲ 级：病人有严重的系统性疾病，重要器官功能受损，但仍在代偿范围内。行动受限，但未丧失工作能力，施行手术和麻醉有一定的顾虑和风险。

    Ⅳ 级：病人有严重的系统性疾病，重要器官病变严重，功能代偿不全，已经丧失工作能力，经常面临对其生命安全的威胁，施行麻醉和手术风险很大。

    Ⅴ 级：病人病情危重，濒临死亡，手术是孤注一掷，麻醉和手术异常危险。

    Reply

Leave a Reply

Code (☆)9+5=?


Websites powered by Wordpress6.7.1 Copyright © 2009-2025 - All Rights Reserved   SKY..fly..