具體教程如下：
1 、下載火箭回頂部特效代碼素材：jQuery 帶一連串動態效果的懸浮返回頂部特效代碼
2 、 CSS/images/js 文件中是特效必備的素材，我們需要把其中的素材或文件整合到我們的模板中；
a 、複製 images 文件夾裏面的 rocket_button_up.png 圖片到主題的圖片文件夾中；
b 、 CSS 文件中找到 zzsc.css 文件，打開後把其中的 css 樣式複製到 WordPress 模板的 style.css 中，並修改 css 樣式中圖片的路徑；
c 、複製 js 文件夾中的 all-01.js 和 jquery.js 文件到主題目錄下，然後通過以下代碼正確調用，調用代碼可以放置到頂部或底部模板中：

  1. <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/all-01.js"></script>
  2. <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>

3 、最後一步，複製 index.html 中的以下代碼，粘貼到主題的底部文件中：

  1. <div style="display: none;" id="rocket-to-top">
  2. <div style="opacity:0;display: block;" class="level-2"></div>
  3. <div class="level-3"></div>

OK，大功告成，如果在製作時候遇到問題，一般是路徑問題，請認真修改下。