0

シンプルな jquery アニメーションを使用して、4 つの div を画面に表示しています。

<script type="text/javascript">
$(document).ready(function() {
$("#boxa").animate({left: "+=100"}, 1000);
$("#boxb").animate({left: "+=300"}, 1000);
$("#boxc").animate({left: "+=600"}, 1000);
$("#boxd").animate({left: "+=900"}, 1000);
});
</script>

ページ幅に均等に分配された最終位置に移動するようにボックスを移動する位置を設定することは可能ですか? divbox 幅が 25% に設定されている場合、各ボックスのアニメーションは自動的に正しい位置にアニメーション化されますか?

ありがとう

4

1 に答える 1

0

左オフセットをパーセンテージで入力するだけです:

$(document).ready(function() {
    $("#boxa").animate({
        left: "0"
    }, 1000);
    $("#boxb").animate({
        left: "25%"
    }, 1000);
    $("#boxc").animate({
        left: "50%"
    }, 1000);
    $("#boxd").animate({
        left: "75%"
    }, 1000);
});​

ここでデモ

于 2012-12-04T21:00:11.553 に答える