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 相关文章推荐
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 Javascript
Jquery easyUI 更新行示例
Mar 06 Javascript
聊一聊JavaScript作用域和作用域链
May 03 Javascript
vuejs动态组件给子组件传递数据的方法详解
Sep 09 Javascript
JS button按钮实现submit按钮提交效果
Nov 01 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 Javascript
JS中Object对象的原型概念基础
Jan 29 Javascript
layui实现下拉框三级联动
Jul 26 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
Apr 17 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 24 Javascript
nestjs返回给前端数据格式的封装实现
Feb 22 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采集速度探究总结(原创)
2008/04/18 PHP
php miniBB中文乱码问题解决方法
2008/11/25 PHP
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
php URL跳转代码 减少外链
2011/06/25 PHP
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
Javascript遍历table中的元素示例代码
2014/07/08 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
2015/03/13 Javascript
Jquery easyui 实现动态树
2015/11/17 Javascript
详解AngularJS Filter(过滤器)用法
2015/12/28 Javascript
JS动态创建元素的两种方法
2016/04/20 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
利用ES6语法重构React组件详解
2017/03/02 Javascript
node.js中使用Export和Import的方法
2017/09/18 Javascript
通过一个简单的例子学会vuex与模块化
2017/11/22 Javascript
vue下拉菜单组件(含搜索)的实现代码
2018/11/25 Javascript
python中threading超线程用法实例分析
2015/05/16 Python
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
python enumerate函数的使用方法总结
2017/11/15 Python
教你用Python创建微信聊天机器人
2020/03/31 Python
Python实现全排列的打印
2018/08/18 Python
python utc datetime转换为时间戳的方法
2019/01/15 Python
详解python的四种内置数据结构
2019/03/19 Python
Python实现将HTML转成PDF的方法分析
2019/05/04 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
HTML5等待加载动画效果
2017/07/27 HTML / CSS
香港No.1得奖零食网:香港零食大王
2016/07/22 全球购物
美国最大的团购网站:Groupon
2016/07/23 全球购物
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
中软国际Java程序员笔试题
2014/07/19 面试题
合伙经营协议书范本
2014/04/18 职场文书
阳光体育活动总结
2014/04/30 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
市场总监岗位职责
2015/02/11 职场文书
如何在pycharm中快捷安装pip命令(如pygame)
2021/05/31 Python
MySQL学习必备条件查询数据
2022/03/25 MySQL