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 相关文章推荐
用window.location.href实现刷新另个框架页面
Mar 07 Javascript
js使用for循环及if语句判断多个一样的name
Sep 09 Javascript
avascript中的自执行匿名函数应用示例
Sep 15 Javascript
JScript中的条件注释详解
Apr 24 Javascript
node.js require() 源码解读
Dec 13 Javascript
漫谈JS引擎的运行机制 你应该知道什么
Jun 15 Javascript
JavaScript中的高级函数
Jan 04 Javascript
vue.js根据代码运行环境选择baseurl的方法
Feb 28 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
浅谈Vue 函数式组件的使用技巧
Jun 16 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 Vue.js
JS数据类型分类及常用判断方法
Nov 19 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并发访问实例代码
2012/09/06 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
php中session定期自动清理的方法
2015/11/12 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
php 三元运算符实例详细介绍
2016/12/15 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
PHP使用XMLWriter读写xml文件操作详解
2018/07/31 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
javascript中关于执行环境的杂谈
2011/08/14 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
jQuery 无限级菜单的简单实例
2014/02/21 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
在Html中使用Requirejs进行模块化开发实例详解
2016/04/15 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
2016/08/01 Javascript
AngularJs Forms详解及简单示例
2016/09/01 Javascript
微信js-sdk上传与下载图片接口用法示例
2016/10/12 Javascript
JS插件plupload.js实现多图上传并显示进度条
2016/11/29 Javascript
使用jQuery实现动态添加小广告
2017/07/11 jQuery
前端路由&amp;webpack基础配置详解
2019/06/10 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
Python实现线程池代码分享
2015/06/21 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
Python中最大递归深度值的探讨
2019/03/05 Python
HTML5 新标签全部总汇(推荐)
2016/06/13 HTML / CSS
软件测试题目
2013/02/27 面试题
财务部经理岗位职责
2014/02/03 职场文书
授权委托书
2014/07/31 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
2014国庆黄金周超市促销活动方案
2014/09/21 职场文书
学校党员个人问题整改措施思想汇报
2014/10/08 职场文书
整改报告格式
2014/11/06 职场文书
法律进社区活动总结
2015/05/07 职场文书
单位工作证明范本
2015/06/15 职场文书
Python几种酷炫的进度条的方式
2022/04/11 Python