0
(0)

留心的朋友会发现，学建站网侧边的回顶部特效更换了，现在换成了一个火箭形式的回顶部特效。以下是实现过程，同样喜欢这种特效的朋友可以按照以下的教程实现。

具体教程如下：
1、下载火箭回顶部特效代码素材：http://pan.baidu.com/s/1i3eI7FB；
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，大功告成，如果在制作时候遇到问题，一般是路径问题，请认真修改下。还不行请留言。

声明：本站分享的WordPress主题/插件均遵循 GPLv2 许可协议（免费开源），相关介绍资料仅供学习参考，实际版本可能会因版本迭代或开发者调整而产生变化，如程序中涉及有第三方原创图像、设计模板、远程服务等内容，应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务，亦不收取相关费用。