使用jQuery创建垂直和水平滑动背景图像

Question

希望创建与http://2011.madebygrave.com

上的滑动行为类似的内容

背景图像为每个项目垂直滑动，在每个项目中，您可以水平滑动。

我如何使用查询创建此行为，或者是否有任何能够执行此操作的插件？

Answer 1

简单的方法：

它由很多div元素制作，它的简单技巧你应该制作一个持有者div并将宽度和高度设置为100％并溢出到隐藏，你应该像这样定位到内部位置绝对div的相对位置：

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

然后添加你的项目，你应该为每个项目创建一个这样的div：

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

然后你需要设置onclick你的按钮，每个前一个div的更改高度为0，并将当前div的高度设置为100％

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

http://jsfiddle.net/4FCrw/