1、实现可视区域播放首先引入js
<script src="flash/wow.js"></script>
<script>
      new WOW().init();
</script>
2、引入动画库css
<link rel="stylesheet" href="flash/animate.css">

找到自己选择喜欢的动画名称。如下“flash”


3、给指定class 下的DIV添加动画，如：
.menu{
      animation: flash 1s linear 0s  infinite;
      -webkit-animation: flash 1s linear 0s  infinite;
      -moz-animation: flash 1s linear 0s infinite;
      -ms-animation: flash 1s linear 0s infinite;
      -o-animation: flash 1s linear 0s infinite;
}

Flash ：为动画名称
1s ：为播放动画一共花费1s的时间
Linear：为动画的速度曲线
0s：为播放前延迟0s
Infineit：为循环播放

详细说明见http://www.jnchenxiao.com/news/chanpin/211.html