wow.js——网页动画效果，让网页动起来！

发布时间：2017-01-03 13:54:40 来源：技术博客编辑：小黑 浏览量：

 现在很多网页在向下滚动的时候，会产生一些微小的动画效果。这种有点特效似的动画效果是怎么做的呢，这就要归功于wow.js。由于IE6、IE7 等老旧浏览器不支持 CSS3 动画，所以没有效果；而 wow.js 也使用了 querySelectorAll 方法，IE 低版本会报错。为了达到更好的兼容，最好加一个浏览器及版本判断。以下是兼容的游览器：



 

使用方法：

引入下图文件



 

js配置部分，如需自定义配置，可进行以下配置：

<script>

var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: true,
live: true
});
wow.init();

</script>

参数：



 

不在ie6-9中使用:


<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
new WOW().init();
};

</script>