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

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

Related Posts

1. xWindows Dock – Portable Windows Dock Similar To Mac OS Dock
2. Download Chrome For Mac And Linux
3. MAC OSX Like Desktop Icons Stack For Windows OS.
4. How To Setup Popular Mac OS Features In Windows OS
5. Test Your Web Designs On Windows Browsers IE In Mac OS Using Litmus App’s Alkaline Plugin

One Response to “MAC OS X Style Menu Using JavaScript For WebSites”

1. Nirmal says:

   March 17, 2008 at 11:19 pm

   Nice find, I’ll try it out.

   Nirmal’s last blog post..Flickr Video to be Available in April

   Reply

Related Tags :