The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Emenu
Emenu is designed to create a fixed-width, fixed-height drop down menu contained within a header image.
The html structure of your menu should look like this:
<div id="menu1">
<ul>
<li>
<h2><a href="#">> Menu 1</a></h2>
<ul>
<li>
<h3>Section 1</h3>
<ul>
<li>
<a href="#">Link 1</a>
</li>
<li>
<a href="#">Link 2</a>
</li>
</ul>
</li>
<li>
<h3>Section 2</h3>
<ul>
<li>
<a href="#">Link 3</a>
</li>
<li>
<a href="#">Link 4</a>
</li>
</ul>
</li>
</ul>
</li>
...
</ul>
<div>
<p>
You can put other content here if it floats your boat.
</p>
</div>
</div>Then just do this to get your menu going:
$('#menu1').emenu();Options:
- autocalc: Auto calculate menu item and submenu widths? (type: boolean, default: true)
- hoverclass: class applied to menu items on hover (type: string, default: hover)
- trim: css properties to trim submenu widths (type: array, default: margin-left, padding-left, border-left-width)
- over: event triggered when the main ul is moused over (type: function)
- out: event triggered when main ul is moused out (type: function)
- show: event triggered when menu item is moused over (type: function)
- hide: event triggered when menu item is moused out (type: function)
Downloads
Resources
Development
(4 votes)