Check out my
new book!
HTML5 Games book
The Dancing Scrollbars! I had an hour to kill and got inspired by this entry on the Chrome Experiments site. Andrey has made a nice wave simulator using scrollbars and some JavaScript magic. Taking that idea and mixing it up with what I've been doing lately (see here and here), here is the magnificent troupe of Dancing Scrollbars (ok, they're more like the Jumping Scrollbar handles, really).

The music is Tom Cruise Crazy by Jonathan Coulton.

Have fun!

And now I'm totally done with this. For now.
⇓ 11 comments Eli

I think you should remove the margins between the scrollbars or set the background color to "Scrollbar" (OS' native scrollbar background color, supported by Mozilla browsers). My scrollbars have a black background with a brown-ish orange foreground and the white area makes it look kind of unpleasant.

March 26, 2009 at 5:45 PM
Miles Prower

Can't see anything on the page - Firefox3 / Linux

March 26, 2009 at 6:23 PM
Jacob Seidelin

Ok. I didn't have time to test on a lot of browsers.

March 26, 2009 at 11:58 PM
Miles Prower

Woops. It's okay, it does in fact work with FF3/Linux on my desktop PC (Ubuntu 8.04). The problem only appears on my Eee 701 w/ FF3/Linux (Crunchbang 8.10).

March 27, 2009 at 5:35 AM
Zach Leatherman

Hilarious! Love it!

March 27, 2009 at 11:26 AM
Michel Barakat

Great stuff. I agree with Eli, some skinning will make it more eye-candy.
Love the song!

April 3, 2009 at 7:01 AM
Korri

Wahouu I'm fan of this stuf !!

It works perfectly on my FF3 / Mac OSX

Really nice !!

April 9, 2009 at 1:57 AM
virtual

It works great on mine firefox, looks kinda funny, great stuff

January 14, 2010 at 4:05 AM
top 10 vps

Thats great huh.

January 17, 2010 at 7:29 PM
hophop

Hi, congrats, this is clever...and fun :)
In your code maybe you could change this line
var l = (i/128*numScrollers)>>0;
to this ?
var l = (i*numScrollers)>>7;
Regards
m a r c o

May 25, 2010 at 10:39 AM
Me

Excellent work buddy!!!

July 12, 2011 at 6:37 PM
Post a Comment