JavaScript animation question.

Here’s the question:

  • You know that cool animation Google image search does?
    • Here’s a demo.
  • I want to do that.
  • How?

And here’s the solution:

  • First thanks to everyone who posted an answer to the question.
  • The answer was remarkably simple, and Navarr Barnier had it — he said if you use jQuery (which I do) it’s as simple as $(selector).slideDown().
  • To see how it works, check out the Testing menu at the top of the page.
  • There are two commands in the menu, Hello Walter and Goodbye Walter.
  • They add and remove a picture of Walter White at the top of the page.
  • That was exactly the effect I was looking for!
  • Hot damn. 😉


  • This doesn’t work on the Scripting News home page, and I’m sure to take the Testing menu out at some point in the near future. So this will not necessarily make sense if you view the page a few months or years from now. Sorry! Still diggin.

About Dave Winer

Dave Winer, 54, pioneered the development of weblogs, syndication (RSS), podcasting, outlining, and web content management software; former contributing editor at Wired Magazine, research fellow at Harvard Law School, entrepreneur, and investor in web media companies. A native New Yorker, he received a Master's in Computer Science from the University of Wisconsin, a Bachelor's in Mathematics from Tulane University and currently lives in Berkeley, California.
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s