我該如何得到這個效果？

Question

http://www.apple.com/why-mac/ 有一個很酷的小東西，你把光標懸停在圖像上，它向上滾動顯示隱藏的文本。
我想創建一個具有相同效果的樣機，在那裏我將樣機作爲一個平面背景圖像，然後將滾動圖像置於其上。
有關我如何做到這一點的任何想法？

Answer 1

您可以使用jQuery滾動做到這一點：http://flowplayer.org/tools/scrollable/

Answer 2

展望源的頁面（與Firefox/Firebug的，順便說一句，這是真棒對於這種逆向工程的），我看到的JavaScript框架Scriptaculous正在使用中。具體來說，BlindUp動畫似乎是該頁面上使用的動畫。

Answer 3

爲此，Apple使用Scritaculous。

Answer 4

CSS Transitions?

（從上面的鏈路）：

轉換是使用指定的以下屬性：

過渡屬性 - 應動畫，例如，不透明度什麼屬性。 transition-duration - 過渡應持續多長時間。 transition-timing-function - 用於轉換 的定時函數（例如，線性vs.易入與自定義立方貝塞爾函數）。 轉換 - 所有三個屬性的縮寫。

下面是一個簡單的例子：

div { 
    opacity: 1; 
    -webkit-transition: opacity 1s linear; 
} 

div:hover { 
    opacity: 0; 
}