<script src="src/jquery-1.11.3.js"></script> <script src="src/jquery-scroll-animate.js"></script>

<link rel="stylesheet" href='src/animate.css'>

<script> $('.abc').jqueryScrollAnimate({ 	direction:false,//是否重复播放动画 true为默认值 false 只播放一次 true可重复播放 	distance:0,//触发高度设置 根据需要动画的根元素与滚动条的高度判断关系 可以为负值 	animated:'.ani'// 需要动画元素的css类 默认为.ani		 }) </script>

<div class="abc">     <div class="text">         <h1 class="ani" animate-effect='zoomIn' animate-duration='0.3s' animate-delay='0.1s'>这是一个大标题</p>         <h2 class="ani" animate-effect='zoomIn' animate-duration='0.3s' animate-delay='0.2s'>这是一个小标题</p>         <p class="ani" animate-effect='zoomIn' animate-duration='0.3s' animate-delay='0.3s'>这是一段内容</p>     </div> </div> <div class="abc">     <div class="text">         <h1 class="ani" animate-effect='zoomIn' animate-duration='0.3s' animate-delay='0.1s'>这是一个大标题</p>         <h2 class="ani" animate-effect='zoomIn' animate-duration='0.3s' animate-delay='0.2s'>这是一个小标题</p>         <p class="ani" animate-effect='zoomIn' animate-duration='0.3s' animate-delay='0.3s'>这是一段内容</p>     </div> </div>