需要使用JavaScript调整悬停效果

Question

我有一个小问题需要修正，因为我想在div上应用悬停效果。 这是我的Js代码。

function fan_art_in () {
$(".fan-art-text").fadeIn("slow")
};


function fan_art_out () {
  $(".fan-art-text").fadeOut("fast")
};


$(".box-1").hover(fan_art_in, fan_art_out);

我的问题是，当您使用鼠标快速滚动div（在元素内和元素外）时，函数会堆叠起来并重复自身，直到它们与您将鼠标悬停在元素上的次数匹配为止。 如何使鼠标离开元素后停止重复功能？

Answer 1

看一下stop()函数

function fan_art_in () {
$(".fan-art-text").stop().fadeIn("slow")
};


function fan_art_out () {
  $(".fan-art-text").stop().fadeOut("fast")
};


$(".box-1").hover(fan_art_in, fan_art_out);

小提琴： http ： //jsfiddle.net/FvWTL/