我正在做一个项目,客户想要一种在内容之间转换的方式,基本上就像打开电子阅读器应用程序的页面一样。当您单击链接前进时,当前内容向左滑动,新内容在滑动时显示。如果单击链接向后退,则内容从左侧滑入并叠加。(如果您要跳转到更远的页面,则可以重新加载页面。)
每个内容块都需要有一个不同的 URL,理想情况下,这应该一直到 IE7。假设至少有 50 页,每页至少有 2-300 个字。
我知道有很多 jQuery 页面转换选项,但是我看过的大多数是在新内容中滑入,而旧内容正在滑落或在旧内容消失后淡入新内容(想想幻灯片。 js)。我需要的基本上是垂直的窗帘.js,由链接而不是滚动触发,并且不需要一次加载页面上的所有内容。
这是我想出的一种可能构建它的方法:
- 当前内容是从数据库(或其他)加载的
- 上一页和下一页的内容也被加载并存储在隐藏的 div 中
- 单击链接时,当前页面滑出(或上一页滑入)
- 不再需要的内容被删除
- 新内容通过 AJAX “预加载”并隐藏
- 本地 URL 也会随着 AJAX 的变化而变化
不过,这似乎真的很不雅。我上面概述的可以做吗?有什么更好的方法来做到这一点?
我对 JS/jQuery 和 PHP 很好,学习 AJAX。