生命不息,奋斗不止/创造价值-传递价值-获得价值
所谓迷茫,就是才华配不上梦想 每一个让你难堪的现在,都有一个不够努力的曾经

火箭回顶部特效

具体教程如下:
1、下载火箭回顶部特效代码素材:huojian
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,大功告成,如果在制作时候遇到问题,一般是路径问题,请认真修改下。

赞(0)
未经允许不得转载:jack361博客 » 火箭回顶部特效

评论 抢沙发

评论前必须登录!

 

如果你爱我或恨我,请↓

联系我