前端CSS动画框架animate.css使用说明

html-css012

前端CSS动画框架animate.css使用说明,第1张

Github地址: https://github.com/daneden/animate.css

体验地址： 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>

上面的代码就是优酷停留在电视剧当前的时候有个样式 这个样式就是控制当前的背景色