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 相关文章推荐
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
Feb 05 Javascript
深入理解Javascript动态方法调用与参数修改的问题
Dec 10 Javascript
JavaScript原型链示例分享
Jan 26 Javascript
javascript运行机制之this详细介绍
Feb 07 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
简单的vuex 的使用案例笔记
Apr 13 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 Javascript
微信小程序拼接图片链接无底洞深入探究
Sep 03 Javascript
详解node登录接口之密码错误限制次数(含代码)
Oct 25 Javascript
vue多个元素的样式选择器问题
Nov 29 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
Sep 10 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
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
phpnow php探针环境检测代码
2014/11/04 PHP
php版阿里大于(阿里大鱼)短信发送实例详解
2016/11/30 PHP
php封装db类连接sqlite3数据库的方法实例
2017/12/19 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
JavaScript中模拟实现jsonp
2015/06/19 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
js移动焦点到最后位置的简单方法
2016/11/25 Javascript
利用js获取下拉框中所选的值
2016/12/01 Javascript
手把手教你搭建ES6的开发运行环境
2017/07/11 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
javascript将扁平的数据转为树形结构的高效率算法
2020/02/27 Javascript
[01:04:32]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第二场 2月23日
2021/03/11 DOTA
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
python的dataframe转换为多维矩阵的方法
2018/04/11 Python
对python程序内存泄漏调试的记录
2018/06/11 Python
python实现爬山算法的思路详解
2019/04/09 Python
python3中使用__slots__限定实例属性操作分析
2020/02/14 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
JDO的含义
2012/11/17 面试题
C语言开发工程师测试题
2016/12/20 面试题
.NET概念性的面试题
2012/02/29 面试题
大学军训自我鉴定
2013/12/15 职场文书
2014年调度员工作总结
2014/11/19 职场文书
2016国培研修心得体会
2016/01/08 职场文书
幼儿园大班教师评语
2019/06/21 职场文书
德劲DE1102数字调谐收音机机评
2022/04/07 无线电