jQuery滚动执行动画插件FadeThis

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

 16724  50  查看评论 (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三维倾斜的滚动效果

有了这个插件,你可以创建一个漂亮的滚动效果,将一个简单的布局网站到令人吃惊的网站。
  动画效果
 8114  18

three.js实现3D粒子波浪

three.js实现3D粒子波浪
  动画效果
 24342  137

实现元素沿贝兹曲线和弧线运动

jquery实现元素沿贝兹曲线和弧线运动
  动画效果
 7271  39

Material Design风格纯js按钮点击波特效

这是一款使用纯js制作的炫酷Material Design风格按钮点击波特效。该按钮点击波特效不依赖于任何外部库,使用纯js制作,运行速度快,效果非常炫酷。
  动画效果
 3727  32

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

    回复
取消回复