1

まず、こちらを見て、私の質問をよりよく理解するためにどのように機能するかを確認してください。

私はこの Jquery アニメーションを機関の Web サイトに作成していますが、そのアイデアはメンバーの顔を見せることです。クリックすると、中央のボックスが展開され、メンバーの説明が表示されます。

2 つのアニメーションは、すべての主要な変更を担当します。

$('.espaco').animate({width:"302px", height: "378px",margin: "1px", padding: "0px"},500);
$('.first').animate({width:"228px"},500);

div の展開と折りたたみのアニメーションは、2 回目で特に遅れています。すべてはフローティング エレメントの位置が変わるためで、私は気が狂いそうになります。柔らかくする方法知りませんか？

4

1 に答える 1

0

解決策を見つけました\o/。クラスのポジショニングに関連するものは変更していません。動きのサイズを制限しただけです。最初に幅を減らし、次に高さを減らします。したがって、空白の穴は表示されません。コールバックとして知られています。それは本質的にアニメーションを注文することです。

したがって、この：

$('.espaco').animate({width:"0px",height:"228px",margin: "0px", padding: "0"},500);

これになります：

    $('.espaco').animate({height:"228px",margin: "0px", padding: "0px"},function (){
        $('.espaco').animate(
            {width:"0px"},
            {duration:500}
        );
    });

最終的なコードはここにあります : http://jsfiddle.net/evarildo/bQUw2/20/embedded/result/

于 2013-05-07T04:23:45.963 に答える