Question

我是使用jQuery制作动画的新手（我也使用WordPress）。我担心创建一堆动画功能会让网站变得沉重，让一切都陷入困境。我希望尽可能减少函数的数量，所以我真的想知道扭转这组函数的最不费力的方法是什么？是否可以完全重写动画？我只需要在滚动时以相反的方向运行它们。

<script>
jQuery(document).ready(function ($) {
    $("#sprite").animate({bottom: '0px'}, 400, 'linear', function () {
        $("#sprite").css({
            'background-image': 'url(http://localhost:8888/wordpress/wp-content/themes/DigitalBrent/media/images/Warp-Sprite.png)',
            'height': '50px',
            'width': '90px',
            'left': '300px',
            'bottom': '80px'
        });
        setTimeout(function () {
            $("#sprite").css({
                'background-image': 'url(http://localhost:8888/wordpress/wp-content/themes/DigitalBrent/media/images/test-sprite.png)',
                'height': '120px',
                'width': '96px'
            });
        }, 80);
    });
});
</script>

Answer 1

将原始css存储在变量中，然后将css设置回原始值。

var orgCss = $("#sprite").css();
//do stuff here...

$("#sprite").css(orgCss);

有没有一种简单的方法来反转这个jQuery动画？

1 个答案: