Question

我正在尝试使用单个函数来动画两个不同的图像。我遇到的问题是其中一个图像需要为左侧属性设置动画，另一个需要为右侧设置动画。我尝试了一些不同的东西，但这是我得到的：

    $(document).ready(function(){
        var puppy = $('.puppy'),
            woman = $('.woman-smiling');

        fadeImages(puppy, "left");
        fadeImages(woman, "right");
    });

    function fadeImages($image, $direction){
        $image.delay(500)
            .css({
                visibility: "visible",
                display: "none"
            }).animate({
                opacity: "show",
                $direction: "0px"
            }, 1750);
    }

延迟和褪色工作正常，但方向是搞砸了。 TIA !!!

Answer 1

试试这个：

var config = { opacity: "show" };
config[$direction] = "0px;"

.animate(config, , 1750);

你所拥有的是没有用的，因为它在这种情况下使用$direction作为键，而不是用它代替变量的值。

Answer 2

我认为你不能像你一样使用$ direction。也许这会奏效：

function fadeImages($image, $direction){

    var properties = new Object();
    properties['opacity'] = "show";
    properties[$direction] = "0px";

    $image.delay(500)
        .css({
            visibility: "visible",
            display: "none"
        }).animate(properties, 1750);
}

jQuery：使用一个函数在不同方向上动画两个图像

2 个答案: