animate.css配合wow.min.js实现各种页面滚动效果
2016-08-04 17:36
127 查看
有的页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。比如刚刚发布的 iPhone 6 的页面(查看)。如果你希望你的页面也更加有趣,那么你可以试试 WOW.js。
WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求。
html中使用方法:
<div class="row wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
js中使用方法:
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script>
$(function(){
new WOW().init();
})
</script>
WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求。
html中使用方法:
<div class="row wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
js中使用方法:
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script>
$(function(){
new WOW().init();
})
</script>
相关文章推荐
- [转]实现页面打开后滚动到最底端的效果
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- 使用 MARQUEE HTML中实现图片的各种滚动效果
- JQuery实现页面企业广告图片切换和新闻列表滚动效果
- 实现页面打开后滚动到最底端的效果
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- 用 jQuery 实现页面滚动(Scroll)效果
- JQuery实现页面随滚动条滚动而动态加载内容的效果
- jQuery实现浮动层跟随页面滚动效果
- 用 jQuery 实现页面滚动(Scroll)效果的完美方法
- 用js实现分享到随页面滚动而滑动效果
- js网页侧边随页面滚动广告效果实现
- jquery实现页面滚动到最下方自动按分页的形式加载内容效果
- 实现页面内多个表格在滚动时,表头浮动的效果(是同时多个表格哟)
- jQuery实现浮动层跟随页面滚动效果
- JavaScript实现页面滚动图片加载(仿lazyload效果)
- 意外发现--玩“JS实现的页面滚动图片加载”效果
- jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
- jQuery实现浮动层跟随页面滚动效果
- 2011-01-16 21:13 JQuery实现页面随滚动条滚动而动态加载内容的效果