需要使用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/