java中竖着的下拉菜单_JS CSS写下拉菜单 竖行

Title

.one li {

width: 100px;

height: 30px;

line-height: 30px;

background: url(nav/libg.jpg) no-repeat;

//float: left;

text-align: center;

margin-left: 10px;

cursor: pointer;

_display: inline;

position: relative;

}

li ul {

position: absolute;

left: 0;

top: 30px;

display: none;

}

.cd{

margin-top: -30px;

margin-left: 65px;

}

li{

list-style: none;

}

• 一级菜单

  • 二级菜单
  • 二级菜单
  • 二级菜单

• 一级菜单

  • 二级菜单
  • 二级菜单
  • 二级菜单

• 一级菜单

  • 二级菜单
  • 二级菜单
  • 二级菜单

function fn(canshu1,canshu2){

var li01 = document.getElementById(canshu1);

var ul01 = document.getElementById(canshu2);

li01.onmouseover = function(){

ul01.style.display = "block"

}

li01.onmouseout = function(){

ul01.style.display = "none"

}

}

fn("li01","ul01")

fn("li02","ul02")

fn("li03","ul03")