創建使用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/