Question

我使用以下代码在单页网站上显示/隐藏“页面”，并希望实现转换/缓动效果，以软化页面更改。不幸的是，这超出了我的微弱权力。

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

任何建议都欢迎并提前致谢。

Answer 1

.fadeIn和.fadeOut听起来非常适合这种事情。它们为不透明度设置动画，为您提供一个参数，让您了解淡出效果的持续时间，并自动处理显示/隐藏DOM的显示属性。

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

过渡半秒的代码：

      <script>
          $(document).ready(function () {
            $("#page1").fadeIn(500);
            $("#page1next").click(function () {
                $("#page1").fadeOut(500);
                $("#page2").fadeIn(500);
            });
          });
      </script>

使用jQuery转换页面更改

1 个答案: