首页 技术 正文
技术 2022年11月16日
0 收藏 523 点赞 3,236 浏览 19971 个字

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

wow.js演示地址

wow.js的github地址

使用方法真是超简单~~

需要配合Animated.css使用

方法如下:

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

  <img src="data:image/png;base64,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" alt="" />

  

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

<img src="data:image/png;base64,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" alt="" />

  3.初始化wow.js

  <img src="data:image/png;base64,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" alt="" />

  代码如下:

  <script>

  wow = new WOW({
        animateClass: ‘animated’,
      });
      wow.init();

  </script>

大写的OK!!!

就是这么简单与任性~~

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,955
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,479
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,291
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,108
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,740
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,774