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 相关文章推荐
Javascript String对象扩展HTML编码和解码的方法
Jun 02 Javascript
根据一段代码浅谈Javascript闭包
Dec 14 Javascript
jQuery实现的支持IE的html滑动条
Mar 16 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
Nov 04 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
Nov 18 Javascript
ES6概念 ymbol.for()方法
Dec 25 Javascript
Vue仿支付宝支付功能
May 25 Javascript
js正则取值的结果数组调试方法
Oct 10 Javascript
利用jsonp解决js读取本地json跨域的问题
Dec 11 Javascript
JavaScript实现拖拽和缩放效果
Aug 24 Javascript
微信小程序input抖动问题的修复方法
Mar 03 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
2020年4月放送决定!第2期TV动画《邪神酱飞踢》视觉图&主题曲情报公开!
2020/03/06 日漫
PHP 命令行参数详解及应用
2011/05/18 PHP
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
浅析PHP的ASCII码转换类
2013/07/05 PHP
Yii中CGridView关联表搜索排序方法实例详解
2014/12/03 PHP
PHP递归获取目录内所有文件的实现方法
2016/11/01 PHP
在UpdatePanel内jquery easyui效果失效的解决方法
2010/04/11 Javascript
实现只能输入数字的input不用replace方法
2013/09/12 Javascript
jQuery给多个不同元素添加class样式的方法
2015/03/26 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
2015/04/03 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
2015/08/06 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
jquery+json实现数据二级联动的方法
2015/11/28 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
Vue.js学习教程之列表渲染详解
2017/05/17 Javascript
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
js封装成插件的步骤方法
2017/09/11 Javascript
Jquery的Ajax技术使用方法
2019/01/21 jQuery
vue的滚动条插件实现代码
2019/09/07 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
[01:32]dota2拉比克至宝(222)
2018/12/20 DOTA
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
Django分页功能的实现代码详解
2019/07/29 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
python list的index()和find()的实现
2020/11/16 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
优衣库美国官网:UNIQLO美国
2018/04/14 全球购物
Pottery Barn阿联酋:购买家具、家居装饰及更多
2019/12/08 全球购物
优秀老师事迹材料
2014/02/05 职场文书
班主任寄语大全
2014/04/04 职场文书
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
品牌服务方案
2014/06/03 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
借钱欠条怎么写
2015/07/03 职场文书