Question

引用animate.css做动画效果的时候，当鼠标移入

引用animate.css做动画效果的时候，当鼠标移入某一个DIV时调用某一个动画。但是只能执行一次，当鼠标再次移入div时,动画不被执行。为什么？有大神能让鼠标每次移入div时就执行一次么？
$(function(){
$(".introduction,.functional").hover(function(){
$(this).children(".introduction-coin").children(".fa").addClass('animated swing');
});
})
后来增加
setTimeout(function(){
$(this).children(".introduction-coin").children(".fa").removerClass('swing');
},1000)
这个也不行。

Answer 1

这种带动画效果的导航，其实用CSS即可实现，详见附件，我将一个项目的的一个文件精简了一下，你可以看到效果，关键的东西在general.css中，以

1

#primary_nav li a

为关键词进行搜索，大概在css文件的1588行及以后，你会见到代码，打开压缩包中的HTML文件，你可见菜单动画效果（鼠标移进移出菜单项均有）。

能用CSS的，尽量别用js吧，除非你所建网站的潜在访客或顾客是国内的，并且年龄大些。

因为是动画效果，所以截不到图，只好上一张hover静止态的截图吧：