Themeforest

jQuery Mega Drop Down Menu Plugin

Examples

  • jQuery Social Media Tabs Plugin
  • jQuery Social Share Buttons Plugin
  • jQuery Social Stream Plugin

Using A Sample Skin

The download zip file also comes with 8 different skins giving an example of more advanced styling. To use one of these skins wrap the mega menu in a div tag and assign the div with a class to match the skin name – e.g class=”black” and the mega menu ul tag with class=”mega-menu”.

Then add the relevant css file to the head of the document.

Skin: Black, Items Per Row: 1, Speed: Fast, Effect: Fade In

<link href="css/skins/black.css" rel="stylesheet" type="text/css" />
$('#mega-menu-2').dcMegaMenu({
		rowItems: '1',
		speed: 'fast'
	});

Advanced Mega Menu Custom Styling

For an example of custom CSS and advanced styling using background images to enhance the menu layout check out the advanced styling page.