您当前的位置:首页 > 前端技术 > JavaScript
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>
上一篇:Tab切换的五种方法
下一篇:从0搭建vue项目