jQuery Mac-like Dock Menu Plugin - jqdock

jqdock is a jQuery plugin inspired by Mac Dock Menu that allows you to create horizontal or vertical menus with icons that expand on rollover.

Features:

•  Horizontal or vertical alignment
• Image expansion out from an edge or a mid-point
• Positioned labels
• Different small and large images
• Menu fade-in
• Size and sensitivity adjustment
• Initial expansion and instant ‘freezing’
• Inactivity timeouts and ‘wake up’ calls

Basic Usage:

1. Include the latest jQuery library and jqdock.js on your page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.jqDock.min.js"></script>

2. Sample HTML

<div id='page'>
<div id='menu'> 
<img src='images/favourites.png' title='Favourites' alt='' /> 
<img src='images/pictures.png' title='Pictures' alt='' /> 
<img src='images/music.png' title='Music' alt='' /> 
<img src='images/videos.png' title='Videos' alt='' /> 
<img src='images/uploads.png' title='Uploads' alt='' /> </div>
</div>

3. Call the plugin

<script type='text/javascript'>
jQuery(document).ready(function($){
	$('#menu').jqDock();
});
</script>

More Examples:

There're more than 50 examples available to help you get started.

---

This awesome jQuery plugin is developed by wizzud. For more Advanced Usages, please check the demo page or visit the official website.