javascript - jQuery动画和计时

Question

从技术上讲，我对 jQuery 很陌生，我正在尝试在我的代码中尽可能多地实现它以适应它。

因此，当用户单击页面上的任意位置时，我试图制作一个 div 以向上移动页面并将不透明度更改为 1。

这是我的代码：

$(document).ready(function(e) {
    $("#body").click(function() {
        setTimeout(function() {
            $("#name").animate(function() {
                bottom:"500px";
                opacity:"1";
            }, 1000);
        }, 2000);
    });
});

请注意，这name是我尝试制作动画的 div 的 id，body它只是我给 HTML 页面正文的一个 id，以便在单击页面上的任何空白处时触发该操作。

Answer 1

对象的属性应该用逗号分隔，而不是分号。此外， animate 需要一个对象，而不是一个函数。试试这个：

$("#name").animate({
    bottom: "500px",
    opacity: "1"
}, 1000);

Answer 2

如果您试图使不透明度从 0 变为 1，则必须最初在 css 中将其设置为 0。当它已经为 1 时将其设置为 1 将无济于事！

Answer 3

我会像执行 CSS 一样执行动画功能。您正在向动画属性添加分号，它们应该是逗号。

$("#wrap").on('click', function() {
    setTimeout(function(){
        $("#name").animate({
            bottom:"500px",
            opacity:"1"
        }, 1000);
    }, 2000);
});

这是我的小提琴