html多级垂直下拉菜单,javascript实现控制的多级下拉菜单

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

下拉菜单

.navi ul {

padding: 0;

list-style-type: none;

}

.navi ul li {

text-align: center;

float: left;

position: relative;

width: 200px;

background-color: #0F8CFF;

}

a {

color: #086808;

text-decoration: none;

}

.navi ul li a {

display: block;

border: 1px solid #fff;

}

.navi ul li ul {

display: none;

left: 0;

}

.navi ul li ul li ul{

position: absolute;

left:200px;

top: 0;

}

.navi ul li:hover ul a {

color: yellow;

}

function showNextMenu(obj){

var nextMenu = obj.getElementsByTagName("ul")[0];

nextMenu.style.display = "block";

}

function hideNextMenu(obj){

var nextMenu = obj.getElementsByTagName("ul")[0];

nextMenu.style.display = "none";

}

• 游戏

  • 传奇

    • 1

    • 2

    • 3

  • 传奇

  • 传奇

  • 传奇

  • 传奇

• 游戏

  • 传奇

• 游戏

  • 传奇

• 游戏

  • 传奇

效果图如下：

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