插件描述：一个轻量级的jQuery插件,实现当页面滚动到当前位置才开始执行动画。
使用方法
包括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>
PREVIOUS:
NEXT:
相关插件-动画效果
讨论这个项目（9）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
天山兔子 0
2018/6/14 10:13:46
-
怎么添加时间元素？例如同一个页面，多个div分不同时间进入！
小多多你好0
2018/6/14 10:20:54
使用CSS延时.cssa为对应的样式
.cssa
{
transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay: 2s; /* Safari 和 Chrome */
-o-transition-delay: 2s; /* Opera */
}试试
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
