MAC OS X Style Menu Using JavaScript For WebSites
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
Written by Avinash
Browse Tech Yard for the latest & interesting web applications, Freewares, Wordpress Tips,
Firefox Hacks and Addons, Mobile Phones, Windows - Linux - MAC OS Tricks.
Convert Bookmarks For Different Browsers Easily In One Click
Portable Windows Dock – xWindows Dock 2.0
Install Multiple Versions Of Internet Explorer Using IE Collection.
Build Your Featured Content Slideshow Using S3Slider JQuery Plugin
Circle Dock : Circular and Spiral Dock For Windows
Nice find, I’ll try it out.
Nirmal’s last blog post..Flickr Video to be Available in April