0

从技术上讲,我对 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,以便在单击页面上的任何空白处时触发该操作。

4

3 回答 3

1

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

$("#name").animate({
    bottom: "500px",
    opacity: "1"
}, 1000);
于 2013-08-17T17:12:27.190 回答
0

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

于 2013-08-17T17:10:20.347 回答
0

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

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

这是我的小提琴

于 2013-08-17T17:19:05.180 回答