jQuery悬停和活动状态

Question

我在尝试在我的网站上进行悬停和活动状态工作时遇到了一些问题。我是jQuery的新手，我发现它很难。 这是我目前的代码：

$(document).ready(function(){
   $('.st_tab').hover(function(){
   $(this).stop().animate({opacity : '0', left: '+=50',}, 100);
   }, function(){$(this).stop().animate({'opacity' : '1'}, 500);})

});

我希望它像这个例子一样工作：http://www.queness.com/resources/html/fadein/index.html

我创建了一个网站测试页面，您可以在此处查看：http://jm-ai.com/test/index.html

我正在使用精灵图像进行正常，悬停和活动状态。

问题在于，每当我将鼠标悬停在动画上时消失得太快，当我点击时没有动画。

Answer 1

我建议鼠标移除鼠标。只要单击它就使它填充变量true false。

$('.st_tab').mouseover(function() { //animation }).mouseout(function() { //animation });