jqueryのdivを右から左にサイズ変更

Question

I divタグを右から左にアニメーション化してサイズを変更したい

デフォルトでは、私は事例から学んだことがあり、左から右にサイズ変更されていることがわかりましたが、プロジェクトの要件ごとに右から左へ順番に変更したいと考えています。

私が書いたコードは次のとおりです。

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $("button").click(function() 
    { 
     $("div#div1").animate({height:166},5000); 
     $("div#div1").animate({width:800},5000); 
    }); 
}); 
</script> 

<div id="div1" style="background:url(stripes.JPG);height:0px;width:0px;position:relative;" hidden="hidden"> 

これは、右のアニメーションに左に適しています。 divが右から左にリサイズするようなアプローチを提案してください。

ありがとうございます。

Answer 1

あなたのCSSの問題です。アニメーション要素をposition:relative要素で囲み、そのCSSをposition: absolute; bottom: 0; right: 0;に設定します。次に、youreアニメーションが目的の方向に表示されます。参照：http://jsfiddle.net/9SJ4Q/