时间:2021-05-26
近日,在做项目中,需要做到滚动条滑到某个位置时,才能显示动画,网上查询到有个wow.js可以达到要求,现在把使用方法做如下总结:
wow.js演示地址
wow.js的github地址
使用方法真是超简单~~
需要配合Animated.css使用
方法如下:
1.引用wow.js或者wow.min.js 和 animate.css
2.在需要用到这个效果的元素上面添加class="wow fadeInUp" 和 data-wow-delay=".1s",具体所表示的含义在下图中有说明
3.初始化wow.js
代码如下:
<script> wow = new WOW({ animateClass: ‘animated‘, }); wow.init(); </script>总结
以上所述是小编给大家介绍的S库之wow.js使用方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文介绍了动画插件wow.js的使用方法,具体如下,分享给大家1,下载文件animate.css下载地址:http://daneden.github.io/an
SVG动画vivus.js库使用整理,具体实例代码如下所示:使用方法如图:HTML例子代码:vivus.js-testsvg*{fill:none;stroke
效果图如下github地址如下:github地址使用方法引入js和对应的cssimportDragfrom'../../static/dragger.js'im
使用方法:添加jQuery类库、jqPagination插件的JS和CSS文件复制代码代码如下:再需要如下HTML复制代码代码如下:«&lsaquo
本文实例讲述了JS双向链表实现与使用方法。分享给大家供大家参考,具体如下:前面一篇讲述了《JS基于对象的链表实现与使用方法》,这里的双向链表通过增加一个prev