wow.js使用教程

html-css017

wow.js使用教程,第1张

1.引入css动画库

2.引入wow.js并且初始化

1.设置css类

将CSS类.wow添加到HTML元素:在用户滚动显示它之前,它将是不可见的。

2.选择动画类型

在Animate.css中选择一个动画样式,然后将CSS类添加到HTML元素中。

data-wow-duration: 更改动画持续时间

data-wow-delay: 动画开始前的延迟

data-wow-offset: 开始动画的距离(与浏览器底部相关)

data-wow-iteration: 动画重复的次数

boxClass: 用户滚动时显示隐藏框的类名。

animateClass: 触发CSS动画的类名(animate.css库默认为'animated')

offset: 定义浏览器视口底部与隐藏框顶部之间的距离。当用户滚动并到达该距离时,隐藏的框被显示出来。

mobile: 在移动设备上打开/关闭WOW.js。

live: 在页面上不断检查新的WOW元素。

WOW对CPU要求还不是最苛刻的,主要是内存和显卡. 你的机器显卡没问题应该不会造成你所说的卡, 如今升级到3.05后WOW更加吃内存了, 我的机器内存就是1G还很流畅的现在进去玩有时候也有点卡了. 所以建议你升级内存, 现在内存超便宜, 一根1G的DDR667最便宜的还不到一百块钱.