Question

我正试图让美元符号上涨并向上移动约100px。美元符号应该在淡入淡出的同时逐渐消失。我无法弄清楚这一点。这就是我现在正在使用的内容，它在操作之间有一个暂停。我不需要停顿。谢谢！

$("#dollar1").animate({
    opacity: 1,
    top: '480px'
                  }, 1000);
$("#dollar1").animate({
    opacity: 0,
    top: '440px'
                  }, 1000);

Answer 1

这是否与您正在寻找的效果相符： jsFiddle example 。

jQuery的：

$("#dollar1").animate({
    top: '200px'
}, {
    duration: 2000,
    queue: false
});
$("#dollar1").animate({
    opacity: 0
}, {
    duration: 500,
    queue: false,
    complete: function() {
        $("#dollar1").animate({
            opacity: 1
        }, {
            duration: 500,
            queue: false,
            complete: function() {
                $("#dollar1").animate({
                    opacity: 0
                }, {
                    duration: 500,
                    queue: false
                });
            }
        });
    }
});

Answer 2

根据jQuery网站：

$("#dollar1").animate({opacity: 1, top: '480px'}, 1000).animate({opacity: 0, top: '440px'}, 1000);

http://api.jquery.com/animate/

如何在项目透明移动时为其设置动画

2 个答案: