iPod my webpage.

Click and drag in a circular motion on the scrollwheel below for an iPod-like effect.

You really should check it out on it’s own page though. The deluge of CSS, JavaScript and Java Applets on my homepage cause it to be quite jumpy (particularly in Firefox for Mac whose JavaScript performance is surprisingly weak). All relevant JavaScript, CSS, and XHTML are included in the single page linked above if you’re interested (and of course you are).

NOTE: I’ve removed this demo moved it permanently to it’s own dedicated page: HERE.

She works beautifully in all modern web browsers including IE 5, 5.5, 6, Safari, Firefox/Moz/Camino, OmniWeb, Opera 7+, Shiira, etc.

The speed of the scrolling varies quite a bit across browsers… but this is totally controllable from JavaScript once you’ve targeted a specific browser. It all depends on how fast your browser’s JavaScript interpreter is and how often it registers mouse events. Paradoxically, the better your JavaScript interpreter, the slower the iPod will scroll for you, as it registers more (smaller in physical difference) mouse events. It therefore registers less of a trend in which directrion your mouse is moving. For the default speed displayed here, I tried to strike a balance between the best JavaScript interpreters (Safari which is therefore the slowest scroller) and the worst (Firefox on Mac is by far the jumpiest for me, including all windows browsers), so that it would not be too fast or too slow on any one browser. Again, you can control this completely by tweaking JavaScript variables once you target a specific browser. Check out the JavaScript source to see what I mean.