jquery - DIVを左からスライド

Question

単純なdiv（leftContainer）を使用しようとしていますが、ボタンをクリックするのではなく、ページの読み込み時に左から全幅にスライドさせたいと考えています。

これが私のコードです：

<div class="leftContainer ">
<div class="header">Header</div>
<div class="mainbody">
    <p>Body</p>
</div> 

デモ

Answer 1

jQueryを使用して幅をアニメーション化できます。

http://jsfiddle.net/YCVhH/9/

$('.leftContainer').animate({ width: '100%'});​

Answer 2

$("div.leftContainer")
    .css("margin-left",-$(this).width())
    .animate({
        marginLeft:0
    }, 700);

デモ

Answer 3

簡単な例を作った、あなたが何をしようとしているのかわからない。

http://jsfiddle.net/YCVhH/12/

animateを使用して、animate（）;を実行します。

$(".leftContainer").animate({ left: "50%" });

Answer 4

次のことを試してください。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"> 
    $(document).ready(function()
    {
        $("div.leftContainer").animate({width:100%}, "slow");
    });
</script>

100％ではなく固定幅をお探しの場合は、それも変更してください。幸運を！うまくいかない場合は、何をしたいのかを明確にしてください。サポートさせていただきます。