我怎么得到这个效果？

Question

http://www.apple.com/why-mac/ 有一个很酷的小东西，你将光标悬停在图像上，它向上滚动显示隐藏的文本。 我想要创建一个具有相同效果的模型，我将模型作为一个平面背景图像，然后将滚动图像放在它上面。
关于我如何做到这一点的任何想法？

Answer 1

您可以使用jQuery scrollable执行此操作：http://flowplayer.org/tools/scrollable/

Answer 2

查看页面的来源（顺便说一句，使用Firefox / Firebug，这对于这种逆向工程来说非常棒）我看到jac框架Scriptaculous正在使用中。具体来说，BlindUp动画似乎是该页面上使用的动画。

Answer 3

Apple使用Scritaculous来表示这种效果。

Answer 4

CSS Transitions?

（来自上面的链接）：

  

使用以下属性指定转换：

     

transition-property - 应该设置什么属性，例如不透明度。   transition-duration - 过渡应持续多长时间。   transition-timing-function - 转换的定时功能   （例如，线性与易用性相比，自定义立方贝塞尔函数）。   过渡 - 所有三个属性的简写。

     

这是一个简单的例子：

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

div:hover {
  opacity: 0;
}