2

div1とdiv2の2つのdivがあります

div1が透明になるようにアニメーション化し、最後にdiv2がその上にスライドする（div1を置き換える）効果を実現しようとしています。

これが私が試したものです（http://jsfiddle.net/RHSgf/4/）：

div1.animate({
   opacity: 0.0
}, 2000, function () {
   $(this).replaceWith(div2.hide().slideDown(2000, 'linear', function () {}));
});

しかし、div1のアニメーションの最後では、div2はそれほどエレガントに滑り落ちていません。

なぜ滑り落ちるのがこんなにぎくしゃくしているのかわかりません。これを行う正しい方法を見つけるのに助けてくれてありがとう。

4

2 に答える 2

5

移動slideDownするreplaceWithと動作するはずです：

$(this).replaceWith(div2.hide());
div2.slideDown(2000, 'linear');

http://jsfiddle.net/elclanrs/RHSgf/5/

于 2012-11-08T05:18:36.263 に答える
3

これを試して、必要に応じてタイミングを調整してください!

<script type="text/javascript">
 $(document).ready(function () 

                      {
                        $("#div2").fadeOut(2000);
                        setTimeout(function () {  $("#div1").slideDown(2000); }, 2000);
                      }
                 );

</script>
于 2012-11-08T06:04:30.303 に答える