jQuery滚动执行动画插件FadeThis

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

 19121  54  查看评论 (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>
相关插件-动画效果

CSS 3D动画翻书

使用CSS 3D变换显示互动书籍。 在这里我们用到精装本和平装本两种类型的书设计.我们可以很容易的通过修改css,图片来达到您最终想要的效果。
  动画效果
 14228  53

切换SVG过渡动画效果

切换SVG过渡动画效果,提供了3种过渡效果,请点击右下角按钮查看
  动画效果
 4038  33

HTML5 Canvas粒子效果文字动画特效(酷!)

HTML5 Canvas粒子效果文字动画特效
  动画效果
 47403  527

文字漂浮效果

点击按钮后,文字随机浮动,再次点击回到原位。
  动画效果
 10436  88

讨论这个项目(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服务都很慢)

    回复
取消回复