使用jQuery在页面之间滑动

我有一个4页的网站，我想与幻灯片效果的4页之间的过渡。我不想使用#ID来执行此操作。我想按一个按钮或链接以滑到下一页。我知道这可以通过jQuery实现，我也看到过这样的网站。请帮忙。提前感谢您的所有建议、批评和评论。

查看本教程和示例

基本上，您必须将CSS和HTML设置为将所有面板/屏幕作为div-行和列

然后为每个面板设置一个选择器，并绑定一个单击事件[Code from]

---

我建议使用jQuery将内容滑出屏幕，然后使用AJAX将内容刷新到新页面。将内容设置到屏幕的另一侧，再次使用jQuery将其滑入屏幕的另一侧

像这样的

<div id='wrapper'> // this has a set width and overflow hidden
  <div id='content'>
    your content
  </div>
</div>

//这具有设置的宽度和隐藏的溢出
你的内容

---

用户单击链接，设置“内容”页边距的动画，使其离开页面。执行AJAX操作时，将“内容”放置在页面的另一侧（足够远，使您看不到它），设置页边空白的动画，使其滑入视图。

你不想使用ID是什么意思？你是说你想在加载新html页面时进行实际转换？确切地说是@Andreslich。下面jose的答案显示了实际效果，但使用ID而不是实际的html页面。有什么想法吗？

<div id='wrapper'> // this has a set width and overflow hidden
  <div id='content'>
    your content
  </div>
</div>