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

html-css020

前端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里面加入了 OnMouseOver(鼠标移动到上面) OnMouseOut(鼠标移开) OnMouseDown(鼠标按下) OnMouseUp(鼠标放开) 在这种事件时,改变DIV的Class对