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 相关文章推荐
Chrome Form多次提交表单问题的解决方法
May 09 Javascript
javascript 运算数的求值顺序
Aug 23 Javascript
减少访问DOM的次数提升javascript性能
Feb 24 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
jQuery插件制作的实例教程
May 16 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
详解Angular2响应式表单
Jun 14 Javascript
JavaScript 日期时间选择器一些小结
Apr 02 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
vue实现移动端触屏拖拽功能
Aug 21 Javascript
JavaScript实现瀑布流布局的3种方式
Dec 27 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导入Excel到MySQL的方法
2011/04/23 PHP
PHP翻页跳转功能实现方法
2020/11/30 PHP
详解WordPress中提醒安装插件以及隐藏插件的功能实现
2015/12/25 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
PHP封装请求类实例分析【基于Yii框架】
2019/10/17 PHP
flexigrid 参数说明
2010/11/23 Javascript
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
2011/04/12 Javascript
关于jquery input textare 事件绑定及用法学习
2013/04/03 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
2015/05/19 Javascript
基于JavaScript代码实现微信扫一扫下载APP
2015/12/30 Javascript
详解微信小程序 页面跳转 传递参数
2016/12/08 Javascript
Vue数据驱动模拟实现4
2017/01/12 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
Angular5中状态管理的实现
2018/09/03 Javascript
[54:53]完美世界DOTA2联赛PWL S2 GXR vs PXG 第二场 11.18
2020/11/18 DOTA
python使用百度翻译进行中翻英示例
2014/04/14 Python
Python实现将绝对URL替换成相对URL的方法
2015/06/28 Python
Python实现ssh批量登录并执行命令
2016/10/25 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
pygame游戏之旅 添加键盘按键的方法
2018/11/20 Python
Python实现 PS 图像调整中的亮度调整
2019/06/28 Python
Django后台admin的使用详解
2019/07/08 Python
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
澳大利亚最便宜的网上药房:Chemist Warehouse
2020/01/30 全球购物
为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限
2012/12/13 面试题
计算机应用毕业生自荐信
2013/10/23 职场文书
家长会演讲稿范文
2014/01/10 职场文书
事业单位个人查摆问题及整改措施
2014/10/28 职场文书
电影复兴之路观后感
2015/06/02 职场文书
毕业班工作总结
2015/08/10 职场文书
事业单位工作人员2015年度思想工作总结
2015/10/15 职场文书
nginx 添加http_stub_status_module模块
2022/05/25 Servers