1

for ループの実行速度を遅くする必要があります。div の幅をゆっくりと増やす必要があります。

これまでのところ、私は試しdelay(),setTimeout(),setInterval()ましたが成功しませんでした。それらはすべて同じように振る舞うように見えます。

HTML

<body>
   <h1>Hello</h1>
    <div class="divclass">

    </div>
</body>

jQuery

$(document).ready(function () {
    var width = $('.divclass').width();
    for (var i = 0; i < 6; i++) {
        width = width + 20;
        $('.divclass').delay(2000);
        $(".divclass").css("width", width);
    };
});

http://jsfiddle.net/RQVa8/1/

私の間違いがどこにあるかを誰かに教えてもらえますか。

前もって感謝します。

4

2 に答える 2

6

デモ

.animate()ドキュメント

$(".divclass").animate({width: width}, 2000);
于 2013-08-16T12:10:52.117 に答える
4

これにはjQueryanimateを使用します。

$(".divclass").animate({ "width": "+=20" }, 2000);

+=相対値の使用に関するセクションを参照してください。

アニメーション化されたプロパティは、相対的なものにすることもできます。値が文字の先頭+=または-=シーケンスで指定されている場合、ターゲット値は、プロパティの現在の値から指定された数値を加算または減算することによって計算されます。

于 2013-08-16T12:10:57.780 に答える