类似 wow.js 的滚动执行动画插件 JQUERY.FADETHIS.MIN.JS

这款JQ插件与知更鸟的主题效果类似,不过此插件使用方法更加简单,更加轻量级,本来想也给我使用的主题加上,无奈DUX不太适合这种效果,还是懒得折腾了,有兴趣的小伙伴可以折腾折腾。

安装方法:

  1. 先引用jQuery是必须的,不过国内应该大部分主题都已经引用了吧?
     <script src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js</a>"></script>
  2. 引用JQ插件:
    <script src="dist/jquery.fadethis.min.js"></script>
    
  3. 在footer.php文件添加以下代码调用插件:
    <script>$(window).fadeThis();</script>
    

使用方法:

  1. 出现从左
     <div class="slide-left"></div>
  2. 出现从右
     <div class="slide-right"></div>
  3. 出现从上
     <div class="slide-top"></div>
  4. 出现从下
     <div class="slide-bottom"></div>

高级用法:

  1. 整个页面设置配置
    $(window).fadeThis({speed: 1000}); 
    <div class="slide-left"></div>
  2. 每个块的设置配置
    $('.block').fadeThis({speed: 1000});
    <div class="block">
     <div class="slide-left"></div>
    </div>
    
转载请注明出处。
何先生 » 类似 wow.js 的滚动执行动画插件 JQUERY.FADETHIS.MIN.JS
Loading...

发表评论

表情
图片 链接 代码

提供最优质的资源集合

立即查看 了解详情