javascript实现控制的多级下拉菜单

最近身体不适，所以没能如期的更新，抱歉。这里直接把代码贴上，如果有不明白的地方，留言就行。

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题下拉菜单/title meta http-equiv=' content-Type ' content=' text/html；charset=utf-8 ' style type=' text/CSS ' .Navi ul { padd : 0；列表样式类型：无；} .Navi ul Li { text-align : center；向左浮动：相对位置：宽度： 200像素；背景-颜色： # 0F8CFF} a { color: # 086808文本装饰：无；} .导航阿利{ display : blockborder : 1px实心# fff}。Navi ul Li ul { display : none left : 0；} .Navi ul Li ul Li ul {绝对位置：left :200 pxtop : 0；} .Navi ul Li :悬停ul a { color :黄色；}/样式脚本类型='text/javascript '函数showNextMenu(obj){ var nextMenu=obj。getelementsbytagname(' ul ')[0]；下一个菜单。风格。display=' block}函数hideNextMenu(obj){ var next menu=obj。getelementsbytagname(' ul ')[0]；下一个菜单。风格。显示='无'；}/script/head body div class=' Navi ' ul Li class=' Li _ 1 ' on mouse move=' showNextMenu(this)；onmouseout=' hideNextMenu(this)；a href=' javascript: '游戏/a ul Li on mouse move=' showNextMenu(此)；onmouseout=' hideNextMenu(this)；a href=' javascript: '传奇/a ul阿利；1/a /li阿利；2/a /li阿利；3/a /li /ul /li阿利' 传奇/a /li阿利；'传奇/a /li阿利；' 传奇/a /li阿利；'传奇/a/Li/ul/Li Li class=' Li _ 1 ' a href=' JavaScript 3:'游戏/a ul阿利；' 传奇/a/Li/ul/Li Li class=' Li _ 1 ' a href=' JavaScript 3:' 游戏/a ul阿利；'传奇/a/Li/ul/Li Li class=' Li _ 1 ' a href=' JavaScript 3:'游戏/a ul阿利；' 传奇/a /li /ul /li /ul /div /body /html效果图如下：

以上所述就是本文的全部内容了，希望大家能够喜欢。