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

查询动画函数调用

1 个答案: