首页 > Web开发 > 详细

scrollReveal.js网页动效插件

时间:2017-10-20 13:09:53      阅读:231      评论:0      收藏:0      [点我收藏+]

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网页动效插件

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!