The Dock is one of the feature of the graphical user interface Mac operating system. Then it is used in Some Linux distributions. Finally few Windows operating systems. It is used to launch applications and switch between running applications like the taskbar in windows. If you are Mac fan I hope you could love dock style menus.


Here I found few plugins in web to create Dock Style menus using css and jquery in html pages. Most of them are similar to the Apple Mac Icon Dock effect. Nice.


1. Webber 2.0 Dock Menu Tutorial

In this short tutorial we will go through the CSS and a little bit of JavaScript that creates the Webber 2.0 Dock Menu.


Dock Menu Tutorial

Click Here to visit the site.

2. euDock Menu

A new (cross Platform) OPEN SOURCE (LGPL) JavaScript emulation of a MacOsX dock bar. It has the following features. Various page align (to screen borders, to html object or to fixed position inside the screen). Png alpha and fading support in Interent Explorer. Object oriented (progrmmable) icons. Customizable venus Hill function and MouseClick, MouseMove, MouseUp, MouseDown events.


euDock Menu

Click Here to visit the site.

3. CSS Dock Menu jQuery Fisheye

It is using jQuery library and Fisheye component from Interface and some of my icons. It comes with two dock position: top and bottom. It works on IE 6, IE 7, Opera 9, Firefox 2, and Safari 2 (although there are some minor rendering issues with Safari).


CSS-Dock Menu

Click Here to Download.Demo.

4. MacStyleDock Menu

Achieving this effect in JavaScript is difficult, but the MacStyleDock function allows this feature to be implemented easily. It works on IE, firefox, safari and opera.


MacStyleDock Menu

Click Here to Download.

5. jQ Dock Menu

A jQuery plugin that transforms images into a Mac-like Dock menu, with icons that expand on rollover!. The plugin works with images, or images within anchors, and has a number of configuration options.


jqdock

Click Here to Download.

6. iconDock Menu

iconDock is a jQuery JavaScript library plugin that allows you to create a menu on your web like the Mac OS X operating system dock effect one.


iconDock

Click Here to Download.

7. Dojo Fisheye Menu

A fisheye effect based on Dojo library. It's easy to setup once you learn a few things about djConfig parameters. Downside of this script is the size of the dojo widgets javascripts.


Dojo-Fisheye-Menu

Click Here to Download.

8. Corner Dock Menu

A JavaScript navigation system easy to customize. You must just move your mouse over one of the smaller icons around the central one to move the docker.


Corner-Dock-Menu

Click Here to Download.

9. Dock Menu with CSS 3

This dock make use of 013webkit for the transition purpose, this does not need any java script or jqurey. This is a simple easy to install menu like an ordinary This dock make use of 013webkit for the transition purpose, this does not need any java script or jqurey.


iconDock

Click Here to Download. Demo