Question

有谁知道一个好的jQuery内容切换器？我想切换登录并注册表格。

Answer 1

您可以使用最少的代码执行此类操作，例如，如果您有：

<div class="links">
  <a href="#login">Login</a>
  <a href="#register">Register</a>
</div>

<div id="login" class="panels">
  Login Stuff
</div>
<div id="register" class="panels">
  Registration Stuff
</div>

你可以像这样做jQuery：

$(".links a").click(function() {
  $(".panels").hide();
  $(this.hash).fadeIn();
});

如果你愿意，最初可以用CSS隐藏它们，如下所示：

.panels { display: none; }

当您单击上面的任一链接时，它会隐藏其他面板，并淡入您要切换到的那个面板以获得良好的效果...使用与上面相同的约定，您可以添加任意数量的面板和链接

如果您想要更复杂的内容安排，其他一些预先构建的替代方案将类似于：

Answer 2

您可以尝试这样的http://code.google.com/p/jquery-content-panel-switcher/

好的jQuery内容切换器

2 个答案: