Sliding JavaScript Dropdown Menu

Michael Leigeber has created the lightweight Javascript menu. He writes:

«This lightweight drop down menu script (~1.8kb) allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc. The script has been tested working in IE6, IE7, IE8, Firefox, Opera and Safari »

Here's the example of HTML layout using this menu:

HTML

<div class="ddheader" id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)">Navigation</div>

<div class="ddcontent" id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">

<div class="ddinner">

Dropdown Content Here

</div>

</div>

You can download the sources and view the livr demo in the Michael Leigeber blog.

Comments

Navigation

Dropdown Content Here

this code using

tag, it works also but SOMEHOW, on it's first load, every content in the 3rd
will appear and then only when u mouse over it, then it will only start the effect...here is wat i mean:

on page load/refresh:

Navigation
Navigation Item 1
Navigation Item 2
Navigation Item 3
Navigation Item 4
Navigation Item 5

then after putting ur mouse over it:

Navigation

and then the effect only starts..the problem is at the page load...how come it shows all the items?

Are you human

You can use simple HTML-formatting tags(like <b>, <ul>, <code> and others)

Are you human
search engine optimisation
Advertise on this site