jQuery Mac-like Dock Menu Plugin - jqdock

jQuery Mac-like Dock Menu Plugin - jqdock
File Size: 79 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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.