javascript - 查询动画函数调用

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);
});