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设置对象的ReadOnly属性(示例代码)
Dec 25 Javascript
JavaScript实现简单图片滚动附源码下载
Jun 17 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
json+jQuery实现的无限级树形菜单效果代码
Aug 27 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
Jan 27 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
Sep 05 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
@ResponseBody 和 @RequestBody 注解的区别
Mar 08 Javascript
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
Vue组件通信之Bus的具体使用
Dec 28 Javascript
jQuery zTree树插件的使用教程
Aug 16 jQuery
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
让CodeIgniter的ellipsize()支持中文截断的方法
2014/06/12 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
通过php修改xml文档内容的方法
2015/01/23 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
Javascript的IE和Firefox兼容性汇编
2006/07/01 Javascript
javascript 清除输入框中的数据
2009/04/13 Javascript
jQuery 树形结构的选择器
2010/02/15 Javascript
判断目标是否是window,document,和拥有tagName的Element的代码
2010/05/31 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
关于JavaScript中name的意义冲突示例介绍
2014/05/29 Javascript
手机端转盘抽奖代码分享
2015/09/10 Javascript
理解JavaScript中worker事件api
2015/12/25 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
2016/06/09 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
2016/09/12 Javascript
js实现获取鼠标当前的位置
2016/12/14 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
2017/01/22 Javascript
JS实现的tab切换选项卡效果示例
2017/02/28 Javascript
js页面加载后执行的几种方式小结
2020/01/30 Javascript
jquery实现烟花效果(面向对象)
2020/03/10 jQuery
[42:20]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python实现的防DDoS脚本
2011/02/08 Python
简单的Python2.7编程初学经验总结
2015/04/01 Python
在Python中利用Pandas库处理大数据的简单介绍
2015/04/07 Python
Python中自定义函数的教程
2015/04/27 Python
python中os和sys模块的区别与常用方法总结
2017/11/14 Python
python遍历文件夹下所有excel文件
2018/01/03 Python
python 搭建简单的http server,可直接post文件的实例
2019/01/03 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
PyQt5实现登录页面
2020/05/30 Python
css3实现垂直下拉动画菜单示例
2014/04/22 HTML / CSS
白酒市场营销方案
2014/02/25 职场文书
爱之链教学反思
2014/04/30 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书