MAC OS X-Style Menu Using JavaScript For WebSites
- Friday, March 14, 2008, 17:39
- 1 comment
Mac OS X is know for the dock which has ‘fish-eye’ effect, whereby icons expand and contract as the mouse moves over them.This can be achieved in JavaScript using the Mac-style Dock.
It is compatible with most modern browsers, the compatible browsers are
- 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
How to Install Mac OS X Style Menu
| File | Size | Description |
| MacStyleDock.js | 9382 bytes | Full version with comments |
| MacStyleDock.compressed.js | 2765 bytes | Compressed version |
But there are 2 usability issues
Firstly, the dock is generated entirely using JavaScript. If no alternative navigation is available then the site will be impossible to navigate for those without JavaScript.
Secondly, the dock item magnification, because the dock icons expand dynamically, they move on screen.
For more information and how to use click here.
HomePage - Mac OS X StyleDock In JavaScript
Nice find, I’ll try it out.
Nirmal’s last blog post..Flickr Video to be Available in April