jQuery滚动执行动画插件FadeThis

所属分类:其他-动画效果

 20107  60  查看评论 (4)
jQuery滚动执行动画插件FadeThis ie兼容9

使用方法

包括jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>


包括插件的代码:

<script src="dist/jquery.fadethis.min.js"></script>


调用插件:

<script>$(window).fadeThis();</script>


出现从左

<div class="slide-left"></div>

出现从右

<div class="slide-right"></div>

出现从上

<div class="slide-top"></div>

出现从底部

<div class="slide-bottom"></div>


高级用法

整个页面设置配置

$(window).fadeThis({speed: 1000});
<div class="slide-left"></div>


每个块的设置配置

$('.block').fadeThis({speed: 1000});
<div class="block">
    <div class="slide-left"></div>
</div>
相关插件-动画效果

jquery数字增加动画特效

jquery数字增加动画特效
  动画效果
 9586  32

数字滚动插件

实现数字从0递增到想要的数字的效果
  动画效果
 10668  55

4种纯CSS3超酷页面切换过渡动画特效

4种纯CSS3超酷页面切换过渡动画特效
  动画效果
 16291  149

jQuery仿照淘宝彩票换一注

jQuery仿照淘宝彩票换一注数字动画
  动画效果
 5406  34

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    淡烟疏雨 0
    2017/1/11 11:01:54

    如何让元素出现在可视区域内20%  就执行动画

    回复
    西瓜 0
    2015/11/1 11:11:08

    不错,非常好用。

    回复
    zoii 0
    2014/11/27 1:30:25
    貌似只能使用它的预置动画? 回复
    大圣 0
    2014/6/7 15:13:00

    演示打开慢错误问题以解决(原因:代码中调用了goole字体,最近打开goole服务都很慢)

    回复
取消回复