how do I get this effect?

Question

http://www.apple.com/why-mac/ has a cool little thing where you hover your cursor over the image and it scrolls upward to show hidden text.
I'm wanting to create a mockup with that same effect, where I have the mockup as one flat background image and then place the scrolling images on top of it.
Any ideas as to how I can do this?

Answer 1

You can do this with jQuery scrollable: http://flowplayer.org/tools/scrollable/

Answer 2

Looking into the source for the page (with Firefox/Firebug, by the way, which is awesome for this kind of reverse-engineering) I see that the javascript framework Scriptaculous is in use. Specifically, the BlindUp animation appears to be the one in use on that page.

Answer 3

Apple uses Scritaculous for that effect.

Answer 4

CSS Transitions?