0

私は技術的にjQueryに慣れていないので、慣れるためにコードにできるだけ多く実装しようとしています。

そのため、ユーザーがページのどこかをクリックすると、ページを上に移動して不透明度を 1 に変更する div を作成しようとしています。

ここに私のコードがあります:

$(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

animate関数を CSSのように実行します。アニメーション プロパティにセミコロンを追加していますが、カンマにする必要があります。

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

これが私のフィドルです

于 2013-08-17T17:19:05.180 に答える