创建使用jQuery

Question

垂直和水平滑动背景图片展望创建一个类似于上http://2011.madebygrave.com

背景图像垂直滑动，对每一个项目，你可以水平滑动每个项目中发现的滑动行为的东西。

我将如何去查询创建此行为或有任何插件能够做到这一点？

Answer 1

简单的方法：

它通过大量的div元素制成的，其简单的一招，你应该做一个支架股利，并设置宽度和高度为100％和溢出隐藏，你应该定位到相对的内部位置绝对的div像这样：

<style> 
.holder{ 
width:100%; 
height:100%; 
overflow:hidden; 
} 
</style> 
<div class='holder'> </div> 

然后添加您的项目，每一个项目，你应该建立一个单一的div像这样：N

<style> 
.item{ 
width:100%; 
height:100%; 
} 
</style> 
<div class="item">Project1</div> 

那么你设置onclick你的按钮与变化高度的每个先前的div为0，并将当前div的高度设置为100％

2011.madebygrave.com与上面的方式相同，但更改项目的顶部不是高度，我写你需要的所有代码这种方式，在这里：

http://jsfiddle.net/4FCrw/