JS库之wow.js使用方法

 更新时间:2017年09月14日 15:36:59   投稿:mrr  
近日,在做项目中,需要做到滚动条滑到某个位置时,才能显示动画,网上查询到有个wow.js可以达到要求,现在把使用方法做如下总结,需要的朋友参考下吧

近日,在做项目中,需要做到滚动条滑到某个位置时,才能显示动画,网上查询到有个wow.js可以达到要求,现在把使用方法做如下总结:

wow.js演示地址

wow.js的github地址

使用方法真是超简单~~

需要配合Animated.css使用

方法如下:

  1.引用wow.js或者wow.min.js 和 animate.css

  2.在需要用到这个效果的元素上面添加class="wow fadeInUp" 和 data-wow-delay=".1s",具体所表示的含义在下图中有说明

  3.初始化wow.js

  代码如下:

 <script>
  wow = new WOW({
    animateClass: ‘animated‘,
  });
  wow.init();
  </script>

总结

以上所述是小编给大家介绍的S库之wow.js使用方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 微信小程序实现吸顶盒效果

    微信小程序实现吸顶盒效果

    这篇文章主要为大家详细介绍了微信小程序实现吸顶盒效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • 使用typescript类型实现ThreeSum

    使用typescript类型实现ThreeSum

    这篇文章主要介绍了使用typescript类型实现ThreeSum,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以一下,希望对你学习又是帮助
    2022-08-08
  • JS Common 2 之比较常用到的函数

    JS Common 2 之比较常用到的函数

    JS Common 2 之比较常用到的函数...
    2007-03-03
  • javascript实现电脑和手机版样式切换

    javascript实现电脑和手机版样式切换

    这篇文章主要为大家详细介绍了javascript实现电脑和手机版样式切换,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • js 获取后台的字段 改变 checkbox的被选中的状态 代码

    js 获取后台的字段 改变 checkbox的被选中的状态 代码

    js 获取后台的字段 改变 checkbox的被选中的状态 代码,需要的朋友可以参考一下
    2013-06-06
  • JavaScript中的二进制数据处理方法详解

    JavaScript中的二进制数据处理方法详解

    Blob、ArrayBuffer和Buffer是JavaScript中用于表示和操作二进制数据的三种主要方式,本文将深入探讨这些概念,以及它们如何在JavaScript中使用,需要的可以参考一下
    2023-06-06
  • JS 文件传参及处理技巧分析

    JS 文件传参及处理技巧分析

    其实为js文件传参是很久就接触过的一个问题,只是一直没有放在心上,今天在无忧看到又有人问这个问题,今日总结一下。
    2010-05-05
  • 使用JavaScript进行高效处理CSV文件

    使用JavaScript进行高效处理CSV文件

    CSV文件是一种广泛应用于数据存储和交换的格式,本文将通过专业且通俗易懂的方式为大家介绍如何利用JavaScript高效地操作CSV文件,有需要的可以参考下
    2024-11-11
  • javascript实例--教你实现扑克牌洗牌功能

    javascript实例--教你实现扑克牌洗牌功能

    我们一般都会按照顺序把随机摸过来的牌从小到大的顺序在手上理整齐(记得小时候打牌两副牌手都抓不过来),这篇随笔就是想通过实现这个功能来熟悉下js中排序数组等相关知识。
    2014-05-05
  • 面包屑导航详解

    面包屑导航详解

    本篇文章我们从面包屑导航的样式,面包屑导航的代码等方面详细给大家分析了它的作用和设计技巧,如果你有这方便的需要,学习参考下吧。
    2017-12-12

最新评论