我喜欢这个网站向您展示某个项目详情的方式 http://www.craigandkarl.com/#!转到他们的工作部分,然后点击缩略图。我想复制这个效果。我试图获取与该网站相关的所有代码和文件,但当我尝试查看某个项目的详细信息时,我的页面会中断。
我可能不得不使用enter link description here来完成我需要完成的工作,但这不是克雷格和卡尔用于他们的投资组合。任何帮助将不胜感激。提前谢谢。
答案 0 :(得分:0)
实现此效果的一种简单方法是让一个div向左飞出。 这can be accomplished easily with jQuery。
然后,您可以根据您按下的缩略图将要通过ajax加载的内容指定到此div中。再次,jQuery can do this。
以下是一个示例,您可以随意扩展以执行您想要的操作: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()
免责声明:我不主张窃取他人的代码。