<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>WOW.js演示</title>
<!--WOW依赖animate.css库,所以要先引入它-->
<link rel="stylesheet" href="css/animate.css">
<style>
.row>div{
width: 300px;
height:300px;
background:red;
}
</style>
</head>
<body>
<div class="dowebok">
<div class="row">
<!--格式: 第一个类添加 wow 第二个类添加 animate动画中的特效类 -->
<div class="wow rollIn">1:WOW.js</div>
<div class="wow bounceInDown">2:WOW.js</div>
<div class="wow lightSpeedIn">3:WOW.js</div>
<div class="wow rollIn">4:WOW.js</div>
<div class="wow bounceInDown">5:WOW.js</div>
<div class="wow lightSpeedIn ">6:WOW.js</div>
</div>
</div>
<!--引入wow.js-->
<script src="js/wow.min.js"></script>
<script>
new WOW().init(); //初始化WOW
</script>
</body>
</html>
WOW.js滚动加载动画演示
猜你喜欢
转载自blog.csdn.net/Byte_Dance/article/details/86573806
今日推荐
周排行