JavaScript下拉菜单实现代码_导航菜单

<ul id="navigation"> <li Onmouseover="displaySubMenu(this)" Onmouseout="hideSubMenu(this)"> 栏目1 <ul> <li>栏目1->菜单1</li> <li>栏目1->菜单2</li> <li>栏目1->菜单3</li> <li>栏目1->菜单4</li> </ul> </li> <li Onmouseover="displaySubMenu(this)" Onmouseout="hideSubMenu(this)"> 栏目2 <ul> <li>栏目2->菜单1</li> <li>栏目2->菜单2</li> <li>栏目2->菜单3</li> <li>栏目2->菜单4</li> <li>栏目2->菜单5</li> </ul> </li> <li Onmouseover="displaySubMenu(this)" Onmouseout="hideSubMenu(this)"> 栏目3 <ul> <li Onmouseover="displaySubMenu(this)" Onmouseout="hideSubMenu(this)"> 栏目3->菜单1 <ul> <li>菜单1->子菜单1</li> <li>菜单1->子菜单2</li> <li>菜单1->子菜单3</li> <li>菜单1->子菜单4</li> </ul> </li> <li>栏目3->菜单2</li> <li Onmouseover="displaySubMenu(this)" Onmouseout="hideSubMenu(this)"> 栏目3->菜单3 <ul> <li>菜单3->子菜单1</li> <li>菜单3->子菜单2</li> <li>菜单3->子菜单3</li> </ul> </li> </ul> </li> </ul>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]