码迷,mamicode.com
首页 > Web开发 > 详细

scrollReveal.js网页动效插件

时间:2017-10-20 13:35:36      阅读:282      评论:0      收藏:0      [点我收藏+]

标签:reveal   提升   scroll   文件   log   效果   设置   hub   logs   

scrollReveal.js网页动效插件,可以使网页滚动的时候页面元素动起来,产生炫酷的动态效果,吸引用户眼球,对用户体验有一定的提升。

使用scrollReveal.js非常简单,你只需在页面引入scrollReveal.js文件:<script src="js/scrollreveal.js"></script>(相关文件可到github站下载),并在页面设置滚动时发生动效的元素即可:

<script>
window.sr = ScrollReveal();
sr.reveal(‘.yourclass1‘);
sr.reveal(‘.yourclass2‘);
</script>

默认元素动效,是从下方切入显示。有英文基础的童鞋可以到官网查看更多属性设置,以实现更加炫酷的动效。

scrollReveal.js网页动效插件

标签:reveal   提升   scroll   文件   log   效果   设置   hub   logs   

原文地址:http://www.cnblogs.com/vcffvc/p/7698544.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!