体验地址: https://daneden.github.io/animate.css/
使用:
(1)仅仅执行动画,不执行其它操作
$('#yourElement').animateCss('bounce')
(2)先执行动画,完成之后,执行其它操作
$('#yourElement').animateCss('bounce', function() {
// Do somthing after animation
})
<div class="module"><ul>
<li><a href="http://www.youku.com/"charset="100-004-1">首页</a></li>
<li class="current"><a href="http://tv.youku.com/"charset="100-004-3">电视剧</a></li>
<li><a href="http://movie.youku.com/"charset="100-004-4">电影</a></li>
<li><a href="http://zy.youku.com/"charset="100-004-6">综艺</a></li>
<li><a href="http://music.youku.com/"charset="100-004-8">音乐</a></li>
<li><a href="http://comic.youku.com/"charset="100-004-7">动漫</a></li>
<li><a href="http://www.youku.com/v/"charset="100-004-2">全部</a></li>
</ul>
</div>
上面的代码就是优酷停留在电视剧当前的时候有个样式 这个样式就是控制当前的背景色