Mac OS xstyle dock menu in javascript

Mac OS xstyle dock menu in javascript

Apple’s Mac OS X operating system is renowned for its fluid graphical effects. One impressive feature is the dock’s fish-eye effect, whereby icons expand and contract as the mouse moves over them. Achieving this effect in JavaScript is difficult, but the Mac StyleDock function allows this feature to be implemented easily. An example is shown below (a larger demonstration is available on a separate page).

Compatible Browsers:

The code has been tested and confirmed to work in the following browsers:

– Firefox 1.5 on Mac OS X
– Firefox 2 on Ubuntu Linux
– Firefox 2 on Windows (slightly jerky due to event handlers being given a higher priority than intervals)
– Internet Explorer 6
– Internet Explorer 7
– Konqueror 3.5 on Ubuntu Linux
– Opera 9 on Windows
– Safari 2 on Mac OS X
– Safari 3 on Windows

Demo & Download

Was this information useful? What other tips would you like to read about in the future? Share your comments, feedback and experiences with us by commenting below!

Back To Top