jQuery滚动执行动画插件FadeThis

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

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

步骤填写表单

美观的填写表单界面
  动画效果
 20919  102

CSS3模仿四季交替动画

HTML5 CSS3卡通风格一年四季交替动画特效
  动画效果
 3714  33

bezie curve 曲线动画

bezie curve 曲线动画
  动画效果
 9788  109

jQuery手机网页点赞效果

常用网页、移动端的点赞效果
  动画效果
 5186  63

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

    回复
取消回复