« Back to code index... | Contact me regarding this code...

Mac-esque Dock Example

This demonstration shows how to create a Mac-like Dock interface. Note: this has been tested to work on IE/PC, IE/Mac, Safari/Mac and should degrade nicely in most other browsers.

Hover the house over the icons below. The icons are all images and therefore could technically look like anything. I've chosen letters of the alphabet, but that is not a real limitation.

Download the JS File

You can use the following to modify the Dock's behaviour.

Do not expand horizontally. Do not expand vertically. Stretch this much: Use this profiling:

Valid XHTML 1.0!