左からDIVをスライド

私は単純なdiv（leftContainer）で作業しようとしていますが、ページの読み込み時に左から左へスライドさせたいのですが、ボタンのクリックではありません。左からDIVをスライド

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

DEMO

出典

2012-05-09 coder

？ヘッダ？本体？ – lbstr

[何を試しましたか？]（http://mattgemmell.com/2008/12/08/what-have-you-tried/） – j08691

@ lbstr-申し訳ありません私は最新の更新プログラムを使用しています。 – coder

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

demo

のdiv

出典

2012-05-09 16:39:36 kei

@ kei-これは私が期待しているものです。 – coder

あなたはjQueryのを使用して幅をアニメーション化することができます

は、ここに私のコードです。

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

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

出典

2012-05-09 16:30:24 mrtsherman

@ mrtsherman-返信いただきありがとうございます。マージン：0pxからマージンまでアニメーションする必要があります：308px、divの幅です。 – coder

@coder - これはどういう意味ですか？余白 - 左= divの幅ですか？または、右端が画面に対して上になるようにスライドする必要がありますか？ http://jsfiddle.net/YCVhH/18/ – mrtsherman

@coder - ここは画面の反対側にスライドするものです。うまくいけば、これらの3つの間に私は印を打つ！ http://jsfiddle.net/YCVhH/21/ – mrtsherman

、簡単な例を作ったあなたがやろうとしているか知りません。あなたはanimate();

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

出典

2012-05-09 16:31:12

@ Ricardo-Firstあなたの返信に感謝します。私はdivからアニメートする必要があります。それは原点からではなく、マージンからです：0pxそれまでの合計幅 – coder

をやりたいために

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

使用のアニメーションは、次のことを試してみてください。

<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％の固定幅を探しているなら、それも変えてください。がんばろう！それが機能しない場合は、あなたがしたいことをより明確にしてください、そして私はあなたを支援しようとします。

出典

2012-05-09 16:33:47 Nathanael

答えて

関連する問題