1

こんにちは、幅が 500px の DIV があります。

アニメーションで幅を 500px から 0px に、また 0px から 500px に縮小しようとしています。

DIV が右から左に縮小されるという問題だけがあります。

逆のことがしたい。

最初から幅が縮小され、左から右にアニメーション化され、次に右から左に 0px から 500px に拡大されます。

jQueryでどうやってそれを行うことができますか?

助けてくれてありがとう

編集済み

function animateText(px) {
  $('#slidetext').animate({
   'width' : px
  });
 }
4

4 に答える 4

1

それは可能ですが、使用する必要があります。position: absolute私の Fiddle HEREを参照してください

function animateText(px) {
    $('#slidetext').animate({
       left: $("#slidetext").width(),
       width: px
    });
}
于 2012-05-17T11:19:41.523 に答える
0

このために努力していますか

jsフィドル

$("#div2").animate({
          'width':'50%',
          'left':'49%'
},1000);​
于 2012-05-17T11:19:44.490 に答える
0

このフィドルの例を参照してください：http://jsfiddle.net/TC9Mn/

アイデアは、要素をコンテナー内にラップし、position: relativeアニメーション化する要素に割り当ててposition: absolute、right: 0

このように、幅は左から右に変わります

于 2012-05-17T11:20:12.883 に答える
0

これを試してみてください。これは、css3javascript/jquery コードを使用せずに実行できます。以下は私のフィドルです。http://jsfiddle.net/eQMyq/2/
の使用@keyframeとanimationプロパティ

于 2012-05-17T11:34:34.037 に答える