需要调整与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/