Question

只是想知道是否有人知道如何在风中落叶的动画？我在这里看到它完成了：http://www.webkit.org/blog-files/leaves/index.html但那只是WebKit。

到目前为止，我的代码是非常基本的动画内容：

function runParticles() {
                    $('.theme-bg').prepend('<div class="particles" style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; min-height: 100%; background-image: url(images/particle1.png); z-index: 1; background-repeat: no-repeat; background-position: 0px 0px;"></div>');

                    var randParXa = Math.floor(Math.random() * $('.theme-bg').width());
                    var randParXb = Math.floor(Math.random() * $('.theme-bg').width());
                    var randParY = $('.theme-bg').height();
                    var randParSpd = Math.floor(Math.random() * (2500 - 1550) + 1550);

                    $('.particles').css({'background-position':randParXa+'px 0px'});
                    $('.particles').animate({
                        'background-position':randParXb+'px '+randParY+'px',
                        'opacity':0.0
                    }, randParSpd, function() {
                        $(this).remove();
                        runParticles();
                    });
                }
                runParticles();

非常感谢帮助。

Urgh，需要更多信息（我想，由于投票结束......？）
所以，我希望一个元素<div>从浏览器的顶部掉落，并在它落下时从左向右“浮动”....就像一片叶子或一根羽毛。

目前，我的动画只是直线。

再次干杯！

Answer 1

没关系（再次！）

这个答案对我有所帮助：How would you animate something so that it follows a curve?

此代码：

$(this).animate({
    left: [500, 'easeInSine'],
    top: 500
});

jQuery动画从头开始落叶

1 个答案: