WOW.js让你的博客动感十足

看到很多人的博客都有一个页面滚动加载特效，感觉很炫酷。滚动页面时会展示各式各样的动画效果，页面滚动加载特效脚本WOW.js可帮你实现这种 CSS3 动画效果，通过设置调整可以改变动画的风格、延迟、偏移量等。

WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果，能满足您的各种需求。

温馨提示：IE6、IE7 等老旧浏览器不支持 CSS3 动画，所以没有效果；而 wow.js 也使用了 querySelectorAll 方法，IE 低版本会报错。为了达到更好的兼容，最好加一个浏览器及版本判断。

使用方法：

1、引入文件：

2、HTML添加class元素：

可以加入 data-wow-duration（动画持续时间）和 data-wow-delay（动画延迟时间）属性，如：

3、加载激活WOW.js：

如果需要自定义配置，可如下使用：

配置说明：

boxClass　WOW.js需要执行动画的元素的 class

animateClass animated’animation.css 动画的 class

offset　距离可视区域多少开始执行动画

mobile　是否在移动设备上执行动画默认：true，可选：false

live　异步加载的内容是否有效，默认：true，可选：false

「两年博客，如果觉得我的文章对您有用，请帮助本站成长」

赞(0) 打赏

支付宝

微信

赏 0

支付宝

微信