源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JS库之wow.js使用方法

  • 时间:2020-03-11 04:51 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS库之wow.js使用方法
近日,在做项目中,需要做到滚动条滑到某个位置时,才能显示动画,网上查询到有个wow.js可以达到要求,现在把使用方法做如下总结: [url=http://mynameismatthieu.com/WOW/]wow.js演示地址[/url] [url=https://github.com/matthieua/WOW]wow.js的github地址[/url] 使用方法真是超简单~~ 需要配合Animated.css使用 [b]方法如下:[/b]   1.引用wow.js或者wow.min.js 和 animate.css [img]http://files.jb51.net/file_images/article/201709/201109141601.jpg?201781416334[/img]   2.在需要用到这个效果的元素上面添加class="wow fadeInUp" 和 data-wow-delay=".1s",具体所表示的含义在下图中有说明 [img]http://files.jb51.net/file_images/article/201709/201109141603.jpg?201781416429[/img]   3.初始化wow.js [img]http://files.jb51.net/file_images/article/201709/201109141604.jpg?201781416515[/img]   代码如下:
 <script>
  wow = new WOW({
    animateClass: ‘animated‘,
  });
  wow.init();
  </script>
[b]总结[/b] 以上所述是小编给大家介绍的S库之wow.js使用方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部