css中ul li菜单。。。。。。<!--简单实现了下,样式什么的自己调整吧-->

css中ul li菜单。。。。。。<!--简单实现了下,样式什么的自己调整吧-->

type="text/css">
.menu_h,.menu_v,.menu_h
li,.menu_v
li{
margin:0;
padding:0;
line-height:21px;
font-size:12px;
list-style-type:none;
}
.menu_h
a,.menu_v
a{
display:block;
line-height:21px;
padding:0
10px;
}
.menu_h
li{
float:left;
background-color:#eee;
}
.menu_v
li{
float:none;
}
.sub_menu_off
.menu_v{
display:none;
}
.sub_menu_on
.menu_v{
display:block;
}

class="navi">
class="menu_h">
onmouseover="this.className='sub_menu_on';"
onmouseout="this.className='sub_menu_off';"
class="sub_menu_off">
href="#">111
class="menu_v">
  • href="#">111

  • href="#">111

  • href="#">111



  • onmouseover="this.className='sub_menu_on';"
    onmouseout="this.className='sub_menu_off';"
    class="sub_menu_off">
    href="#">222
    class="menu_v">
  • href="#">222

  • href="#">222

  • href="#">222



  • onmouseover="this.className='sub_menu_on';"
    onmouseout="this.className='sub_menu_off';"
    class="sub_menu_off">
    href="#">333
    class="menu_v">
  • href="#">333

  • href="#">333

  • href="#">333