JS库之wow.js使用方法


Posted in Javascript onSeptember 14, 2017

近日,在做项目中,需要做到滚动条滑到某个位置时,才能显示动画,网上查询到有个wow.js可以达到要求,现在把使用方法做如下总结:

wow.js演示地址

wow.js的github地址

使用方法真是超简单~~

需要配合Animated.css使用

方法如下:

1.引用wow.js或者wow.min.js 和 animate.css

JS库之wow.js使用方法

2.在需要用到这个效果的元素上面添加class="wow fadeInUp" 和 data-wow-delay=".1s",具体所表示的含义在下图中有说明

JS库之wow.js使用方法

3.初始化wow.js

JS库之wow.js使用方法

代码如下:

 <script>
wow = new WOW({
  
animateClass: ‘animated‘,
  });
  wow.init();

</script>

总结

以上所述是小编给大家介绍的S库之wow.js使用方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
关于取不到由location.href提交而来的上级页面地址的解决办法
Jul 30 Javascript
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
修改好的jquery滚动字幕效果实现代码
Jun 22 Javascript
jquery插件jTimer(jquery定时器)使用方法
Dec 23 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
Dec 27 Javascript
Node.js中的模块机制学习笔记
Nov 04 Javascript
基于JS代码实现图片在页面中旋转效果
Jun 16 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
Jul 22 Javascript
JavaScript实现in-place思想的快速排序方法
Aug 07 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
Feb 21 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
JavaScript正则表达式和级联效果
Sep 14 #Javascript
详解使用Visual Studio Code对Node.js进行断点调试
Sep 14 #Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 #Javascript
分分钟学会vue中vuex的应用(入门教程)
Sep 14 #Javascript
JS中跳出循环的示例代码
Sep 14 #Javascript
JS验证码实现代码
Sep 14 #Javascript
快速将Vue项目升级到webpack3的方法步骤
Sep 14 #Javascript
You might like
php操纵mysqli数据库的实现方法
2016/09/18 PHP
JQuery 学习笔记 选择器之三
2009/07/23 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
2012/10/11 Javascript
函数式 JavaScript(一)简介
2014/07/07 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
JS原型、原型链深入理解
2016/02/27 Javascript
javascript实现瀑布流动态加载图片原理
2016/08/12 Javascript
JavaScript中清空数组的方法总结
2016/12/02 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
2020/03/04 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
python-opencv颜色提取分割方法
2018/12/08 Python
python 限制函数执行时间,自己实现timeout的实例
2019/01/12 Python
详解python中的模块及包导入
2019/08/30 Python
opencv python如何实现图像二值化
2020/02/03 Python
Python实现发票自动校核微信机器人的方法
2020/05/22 Python
一文读懂Python 枚举
2020/08/25 Python
使用CSS3来制作消息提醒框
2015/07/12 HTML / CSS
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
财务会计应届生求职信
2013/11/24 职场文书
乔迁宴答谢词
2014/01/21 职场文书
婚礼主持词
2014/03/13 职场文书
快递员岗位职责
2014/09/12 职场文书
2014班子“三严三实”对照检查材料思想汇报
2014/09/18 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
Python中使用subprocess库创建附加进程
2021/05/11 Python
给numpy.array增加维度的超简单方法
2021/06/02 Python
Python中OpenCV实现查找轮廓的实例
2021/06/08 Python
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android