1

我在一个页面上有几个 div，除了一个 div 之外的所有 div 都被隐藏了

<div id="main"> ... content ... </div>
<div id="p1"> ...content... </div>
<div id="p2"> ...content... </div>
<div id="p2"> ...content... </div>

<script type="text/javascript">
  $('#p1').hide();
  $('#p2').hide();
  $('#p3').hide();
</script>

现在在主页上我有（比如说）3 个按钮/链接。我想创建一个类似于智能手机应用程序的幻灯片效果（当单击主页上的按钮/链接时）它将主 div 从屏幕上向左滑动，并从右侧滑动相关的 div（例如 p1）同时侧到视口上。

现在我可以做到这一点，可以通过替换主 div 的内容（将 div 的内容滑出并将 p1 div 的内容滑入 div），或者通过将整个 div 滑出屏幕并滑动替换来完成div 上）。

无论哪种选择，我都不知道如何使用 jQuery 完成此操作。

更新：由于我还没有收到解决方案，并且我一直在继续寻找答案，我确实也找到了并且（只是自己订购了）：使用 HTML、CSS 和 JavaScript 构建 iPhone 应用程序：制作没有目标的 App Store 应用程序-C 或可可。请注意（完全披露），这是一个附属链接（亚马逊）。虽然我不是在宣传这本书（还没有读过），但它可能对其他人有帮助。

更新 2：感谢 stackoverflow，该附属链接自动更改为他们的附属代码，所以我链接那本书是为了他们的利益。:) 不管怎样，仍然希望这本书能对某人有所帮助，迫不及待地想收到我的副本。

4

0 回答 0