$(‘.yourdiv’).hover(function () {
$(this).addClass(‘magictime puffIn’);
});
你也可以改变计时器的设置,在jQuery的帮助下达到动画无限循环(参见readme文件细节)
Magic Animations在线工具地址:http://www.minimamente.com/example/magic_animations/
5、Animate.css
Animate.css提供了一整套炫酷的跨浏览器CSS3动画。这些动画被分成了不同群组,比如Attention Seekers(吸引眼球),Bouncing Entrances(跳动入口),Bouncing Exits(跳动出口),Fading Entrances(褪色入口)等等多种不同选项,这让你无法抱怨种类的匮乏。
你可以从Github上下载代码,然后你只需要添加CSS文件到html页面,然后在HTML元素中引用你需要的动画的CSS类即可。
Animate.css在线工具地址:https://daneden.github.io/animate.css/
6、Bounce.js
Bounce.js是一个能够让你创建复杂动画的方便的JavaScript库,它拥有非常成熟的用户界面,支持用户添加不同的组件,如缓冲、持续、延迟以及不同的反弹次数,你可以手动处理动画,也可以从现成的动画中选择你需要的动画,再进行属性的调整。
B