查詢動畫函數調用

Question

我有多個箱子一個網站，我想創建一個函數的動畫，所以我沒有把它們添加到每個箱子懸停一些有不同的動畫包括在內。

出於某種原因，我不能把動畫在框中，如果我在框中複製的功能代碼，並把它工作正常，但可以得到它的工作從函數調用它。

function aniIn() { 
    $(".br-t", this).stop().animate({ "width": "100%" }, 500, "easeOutQuint"), 
} 

function aniOut() { 
    $(".br-t", this).stop().animate({ "width": "0"}, 900, "easeOutQuint"), 
} 

$("a#box01").hover(function() { 
     $("#background").fadeIn(500); 
     aniIn(); 
    }, function() { 
     $("#background").stop().fadeOut(900); 
     aniOut() 
}); 

HTML：

<a href="#" id="box01" title="box"></a> 

任何幫助將是巨大的。

TJ。

Answer 1

試試下面的代碼：

function aniIn(current) { 

$(".br-t", current).stop().animate({ "width": "100%" }, 500, "easeOutQuint"), 
} 

function aniOut(current) { 
    $(".br-t", current).stop().animate({ "width": "0"}, 900, "easeOutQuint"), 
} 

$("a#box01").hover(function() { 
     $("#background").fadeIn(500); 
     aniIn(this); 
    }, function() { 
     $("#background").stop().fadeOut(900); 
     aniOut(this); 
});