jquery - 如何通过在当前页面上滑动来加载新页面

Question

我喜欢这个网站向您展示某个项目 http://www.craigandkarl.com/# 的详细信息的方式！转到他们的工作部分并单击缩略图。我想复制这个效果。我试图获取与该网站相关的所有代码和文件，但是当我尝试查看某个项目的详细信息时，我的页面中断了。

我可能必须在此处使用输入链接描述来完成我需要完成的工作，但这不是 craig 和 karl 用于他们的投资组合的内容。任何帮助将不胜感激。先感谢您。

Answer 1

实现这种效果的一个简单方法是让一个 div 向左飞出。这可以使用 jQuery 轻松完成。

然后，您可以根据您按下的缩略图指定要通过 ajax 加载到此 div 中的内容。同样，jQuery 可以做到这一点。

这是一个你肯定可以扩展做你想做的例子：http: //jsfiddle.net/HVFhE/

但是，您可以通过像这样检查其资源来查看该站点正在使用的内容：

例如，在他们的common.js

.animate({top: $(window).height() + 'px'}, 0)
.load('pages/project.cfm?projectid=' + $.address.parameter('projectid') + '&image=1&top=1', function() {
$('#project-2-footer').stop()

免责声明：我不提倡窃取他人的代码。