0

次のコードを使用して、1 ページのサイトで「ページ」を表示/非表示にしていますが、トランジション/イージング効果を実装して、ページの変更を和らげたいと考えています。残念ながら、これは私の弱い力を超えています。

          <script>
              $(document).ready(function () {
                $("#page1").addClass("makevisible");
                $("#page1next").click(function () {
                    $("#page1").removeClass("makevisible");
                    $("#page2").addClass("makevisible");
                });
              });
          </script>

任意の提案を歓迎し、事前に感謝します。

4

1 に答える 1

0

.fadeIn と .fadeOut は、この種のものに最適です。それらは、フェードを持続させたい時間の引数を取得して不透明度をアニメーション化し、DOM からの表示/非表示の表示属性も自動的に処理します。

http://api.jquery.com/category/effects/fading/

0.5 秒の遷移のコード:

      <script>
          $(document).ready(function () {
            $("#page1").fadeIn(500);
            $("#page1next").click(function () {
                $("#page1").fadeOut(500);
                $("#page2").fadeIn(500);
            });
          });
      </script>
于 2013-01-11T06:16:37.260 に答える