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 相关文章推荐
js计算字符串长度包含的中文是utf8格式
Oct 15 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
Aug 10 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
实例详解jQuery表单验证插件validate
Jan 18 Javascript
Bootstrap源码解读排版(1)
Dec 23 Javascript
JavaScript中localStorage对象存储方式实例分析
Jan 12 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
深入理解vue中的$set
Jun 01 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
Nov 21 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
一个程序下载的管理程序(二)
2006/10/09 PHP
PHP AjaxForm提交图片上传并显示图片源码
2016/11/29 PHP
PHP sdk实现在线打包代码示例
2020/12/09 PHP
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
自制基于jQuery的智能提示插件一枚
2011/02/18 Javascript
JavaScript中使用指数方法Math.exp()的简介
2015/06/15 Javascript
jQuery基础_入门必看知识点
2016/07/04 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
jQuery+ajax实现局部刷新的两种方法
2017/06/08 jQuery
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
微信小程序公用参数与公用方法用法示例
2019/01/09 Javascript
nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:\Develop\nodejs\node_global'at Error
2019/03/02 NodeJs
js实现一个简易计算器
2020/03/30 Javascript
JavaScript Date对象功能与用法学习记录
2020/04/28 Javascript
[04:19]完美世界携手游戏风云打造 卡尔工作室模型介绍篇
2013/04/24 DOTA
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
python对字典进行排序实例
2014/09/25 Python
Python判断文件和字符串编码类型的实例
2017/12/21 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
Python实现快速计算词频功能示例
2018/06/25 Python
详解python selenium 爬取网易云音乐歌单名
2019/03/28 Python
python实现视频分帧效果
2019/05/31 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
python爬虫之遍历单个域名
2019/11/20 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
英国殿堂级有机护肤品牌:Rodial
2017/04/17 全球购物
西班牙国家航空官方网站:Iberia
2017/11/16 全球购物
白酒市场开发计划书
2014/01/09 职场文书
弘扬雷锋精神演讲稿
2014/05/10 职场文书
教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书