scrollReveal.js网页动效插件

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

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

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

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

 

posted @ 2017-10-20 11:19  利兮  阅读(1884)  评论(0编辑  收藏  举报