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