Question

大家好，我正在努力让一些文字掉落，然后创造一团尘埃，然后我希望它向左移动。我已经把它放在页面上创造了灰尘，但它在此之后就停止了。我无法让它向左移动。有什么建议？提前谢谢。

$（document）.ready（function（）{

$('p.textDrop').css({
    transform: 'scale(10)', 
    opacity: 0.2,
    position: 'relative'

}).animate({
    transform: 'scale(1)', 
    opacity: 0.8

}, 2000, 'easeOutQuart' );

$('#dustPuffs').delay(1000).show(600).css({
    opacity: 0.2,
    transform: scale(.75),   
}
).animate({
    transform: 'scale(300,200)', 
    opacity: 1,
    left: "300"
}, 6000, function () {


});

});

Answer 1

要跟进评论，我会确保您使用chrome的开发控制台来监视错误，因为您在那里的代码会引发错误。这是修复/删除了两个错误的代码，它正确地为我运行。显然有两个通用元素，因为我不知道你的实际元素是什么。

$(document).ready(function() {

    $('.textDrop').css({
        transform: 'scale(5)', 
        opacity: 0.2,
        position: 'relative'

    }).animate({
        transform: 'scale(1)', 
        opacity: 0.8

    }, 5000);

    $('#dustPuffs').delay(1000).show(600).css({
        opacity: 0.2,
        transform: "scale(.75)",   
    }
    ).animate({
        transform: 'scale(300,200)', 
        opacity: 1,
        left: "+=300"
    }, 10000, function () {


    });

});

无法使用javascript将文本设置为动画

1 个答案: