2

可能重复：
jQuery：中断淡入（）/淡出（）

jQuery中的淡入淡出效果真的很流畅，我只见过一个问题：当你将鼠标悬停在项目上时，它会淡入，现在如果你快速将鼠标悬停在项目外激活淡出，fadeOut效果会等待直到 fadeIn 完成，这看起来很奇怪。

一旦您激活悬停，fadeIn 效果是否可以停止在任何值，以便立即执行fadeOut？

这是我的代码

$(document).ready(function () {

$("#menu").hover(
   function() {
     $("#fade").fadeIn(300);
   },
   function() {
     $("#fade").fadeOut(300);
   }
);


});
4

2 回答 2

4

告诉 jQuery 在开始新动画之前停止当前动画：

$("#menu").hover(
   function() {
     $("#fade").stop().fadeIn(300);
   },
   function() {
     $("#fade").stop().fadeOut(300);
   }
);
于 2012-12-14T09:43:08.990 回答
2

只是在stop之前添加fadeIn。

 $("#fade").stop(true,true).fadeIn(300)
于 2012-12-14T09:43:23.717 回答