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 相关文章推荐
web 页面分页打印的实现
Jun 22 Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
Jul 31 Javascript
javascript中的startWith和endWith的几种实现方法
May 07 Javascript
javascript 得到文件后缀名的思路及实现
May 09 Javascript
JavaScript正则表达式之multiline属性的应用
Jun 16 Javascript
jQuery右下角旋转环状菜单特效代码
Aug 10 Javascript
详解Node.js模块间共享数据库连接的方法
May 24 Javascript
JS实现给对象动态添加属性的方法
Jan 05 Javascript
JavaScript 中使用 Generator的方法
Dec 29 Javascript
json字符串对象转换代码实例
Sep 28 Javascript
详解小程序如何动态绑定点击的执行方法
Nov 26 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
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
PHP实现的蚂蚁爬杆路径算法代码
2015/12/03 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
PHP生成腾讯云COS接口需要的请求签名
2018/05/20 PHP
PHP框架Laravel中使用UUID实现数据分表操作示例
2018/05/30 PHP
laravel5.6实现数值转换
2019/10/23 PHP
JS应用之禁止抓屏、复制、打印
2008/02/21 Javascript
Jquery ui css framework
2010/06/28 Javascript
javascript实现类似超链接的效果
2014/12/26 Javascript
JS拖拽插件实现步骤
2015/08/03 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
AngularJS ng-change 指令的详解及简单实例
2016/07/30 Javascript
javascript 分号总结及详细介绍
2016/09/24 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
JS实现闭包中的沙箱模式示例
2017/09/07 Javascript
20170918 前端开发周报之JS前端开发必看
2017/09/18 Javascript
JavaScript 自定义事件之我见
2017/09/25 Javascript
React.js绑定this的5种方法(小结)
2018/06/05 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
2019/09/26 Javascript
vue 组件简介
2020/07/31 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
EM算法的python实现的方法步骤
2018/01/02 Python
Python使用Scrapy爬虫框架全站爬取图片并保存本地的实现代码
2018/03/04 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
python模拟键盘输入 切换键盘布局过程解析
2019/08/15 Python
python ssh 执行shell命令的示例
2020/09/29 Python
珠宝店促销方案
2014/03/21 职场文书
消防宣传口号
2014/06/16 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
道歉信怎么写
2015/05/12 职场文书
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript