jQuery滚动执行动画插件FadeThis

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

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

彩色火焰球弹跳动

彩色火焰球弹跳动
  动画效果
 13240  125

html5 水波扩散效果

HTML5实现点击水波扩散效果
  动画效果
 14658  136

仿机场的文字切换特效

这是一款模仿机场文字切换的简单的css文字动画效果,一共有六种模式。
  动画效果
 6925  80

CSS3按钮发光动画 绚丽多彩

CSS3按钮发光动画 绚丽多彩
  动画效果
 12796  77

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

    回复
取消回复