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 表格排序和表头浮动效果(扩展SortTable)
Apr 07 Javascript
一个简单的javascript类定义例子
Sep 12 Javascript
JQquery的一些使用心得分享
Aug 01 Javascript
jquery自动切换tabs选项卡的具体实现
Dec 24 Javascript
jQuery结合ajax实现动态加载文本内容
May 19 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 Javascript
jquery实现拖动效果
Aug 10 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
Dec 28 Javascript
node使用UEditor富文本编辑器的方法实例
Jul 11 Javascript
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
vue 中基于html5 drag drap的拖放效果案例分析
Nov 01 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入门源程序
2006/10/09 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
php中的常用魔术方法总结
2013/08/02 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
javascript里的条件判断
2007/02/27 Javascript
javascript[js]获取url参数的代码
2007/10/17 Javascript
jquery操作select option 的代码小结
2011/06/21 Javascript
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
Javascript数组与字典用法分析
2014/12/13 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
2015/04/07 Javascript
jQuery zclip插件实现跨浏览器复制功能
2015/11/02 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
2017/10/23 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
Python开发编码规范
2006/09/08 Python
python重试装饰器示例
2014/02/11 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
python实现合并两个排序的链表
2019/03/03 Python
Python爬取腾讯视频评论的思路详解
2019/12/19 Python
Pytorch DataLoader 变长数据处理方式
2020/01/08 Python
Python 爬取必应壁纸的实例讲解
2020/02/24 Python
使用python实现学生信息管理系统
2021/02/25 Python
英国领先的在线高尔夫商店:Scottsdale Golf
2019/08/26 全球购物
以下的初始化有什么区别
2013/12/16 面试题
介绍一下#error预处理
2015/09/25 面试题
提高EJB性能都有哪些技巧
2012/03/25 面试题
人力资源经理的岗位职责
2014/03/02 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
大学活动总结格式
2014/04/29 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
2015年纪检监察工作总结
2015/04/08 职场文书