模仿口碑网个人管理左侧的效果IE和ff都可用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"><!--#Left_Menu {width:143px;height:auto;}#Left_Menu_Deal{height:2px;overflow:hidden;}

.Left_Menu_Top_Out{border:1px #B9D7FE solid;height:27px;background-image:url(Mouse_Out.gif);padding-left:18px;padding-top:7px;font-size:14px;font-weight:bold;COLOR: #085670;HEIGHT: 20px; TEXT-ALIGN: left; TEXT-DECORATION: none}

.Left_Menu_Top_Over{border:1px #B9D7FE solid;height:27px;background-image:url(Mouse_Over.gif);padding-left:18px;padding-top:7px;font-size:14px;font-weight:bold;COLOR: #085670;HEIGHT: 20px; TEXT-ALIGN: left; TEXT-DECORATION: none}.Left_Menu_Body{border-bottom:1px #B9D7FE solid;border-left:1px #B9D7FE solid;border-right:1px #B9D7FE solid;}.Left_Menu_Body_Ul{margin:0px 0px 0px 0px;padding-left:0px;}.Left_Menu_Body_Li_Over{DISPLAY: block; PADDING-LEFT: 28px; FONT-WEIGHT: bold; FONT-SIZE: 14px;HEIGHT: 21px;padding-top:6px;text-align:left;color:#085670;background-image:url(Left_Menu_bg.gif);}.Left_Menu_Body_Li_Out{DISPLAY: block; PADDING-LEFT: 28px; FONT-WEIGHT: bold; FONT-SIZE: 14px;HEIGHT: 20px;padding-top:7px;text-align:left;color:#085670;}--></style><script language="javascript" type="text/javascript" >function SetLeftMenuTop(id,eveStr){var leftMenuTop,leftMenuBody;leftMenuTop=document.getElementById("Left_Menu_Top_"+id);leftMenuBody=document.getElementById("Left_Menu_Body_"+id);if(eveStr=="onclick"){    for(var i=1;i<=3;i++) { leftMenuTop=document.getElementById("Left_Menu_Top_"+i); leftMenuBody=document.getElementById("Left_Menu_Body_"+i); if(i==id)    { leftMenuTop.className="Left_Menu_Top_Over"; leftMenuBody.style.display=""; } else { leftMenuTop.className="Left_Menu_Top_Out"; leftMenuBody.style.display="none"; } }}else{   if(leftMenuBody.style.display=="none")    {     if(eveStr=="over")  {  leftMenuTop.className="Left_Menu_Top_Over";  }  else  {  leftMenuTop.className="Left_Menu_Top_Out";  } }}}

function SetLeftMenuBodyLi(id,cid,eveStr){var leftMenuBodyUlleftMenuBodyUl=document.getElementById("Left_Menu_Body_"+id+"_"+cid); if(eveStr=="over")  {  leftMenuBodyUl.className="Left_Menu_Body_Li_Over";  }  else  {  leftMenuBodyUl.className="Left_Menu_Body_Li_Out";  }}</script></head>

<body><div id="Left_Menu" >     <div id="Left_Menu_Top_1" class="Left_Menu_Top_Out" οnmοuseοver="SetLeftMenuTop(1,'over');" οnmοuseοut="SetLeftMenuTop(1,'out');" οnclick="SetLeftMenuTop(1,'onclick');">首页    </div> <div id="Left_Menu_Body_1" class="Left_Menu_Body" style="display:none;"> <ul class="Left_Menu_Body_Ul"> <li id="Left_Menu_Body_1_1" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(1,1,'over');" οnmοuseοut="SetLeftMenuBodyLi(1,1,'out');">首页1 </li> <li id="Left_Menu_Body_1_2" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(1,2,'over');" οnmοuseοut="SetLeftMenuBodyLi(1,2,'out');">首页1 </li> <li id="Left_Menu_Body_1_3" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(1,3,'over');" οnmοuseοut="SetLeftMenuBodyLi(1,3,'out');">首页1 </li> </ul> </div>  <div id="Left_Menu_Deal" ></div>  <div id="Left_Menu_Top_2" class="Left_Menu_Top_Out" οnmοuseοver="SetLeftMenuTop(2,'over');" οnmοuseοut="SetLeftMenuTop(2,'out');" οnclick="SetLeftMenuTop(2,'onclick');">分类信息    </div> <div id="Left_Menu_Body_2" class="Left_Menu_Body" style="display:none;"> <ul class="Left_Menu_Body_Ul"> <li id="Left_Menu_Body_2_1" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(2,1,'over');" οnmοuseοut="SetLeftMenuBodyLi(2,1,'out');">首页111 </li> <li id="Left_Menu_Body_2_2" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(2,2,'over');" οnmοuseοut="SetLeftMenuBodyLi(2,2,'out');">首页111 </li> <li id="Left_Menu_Body_2_3" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(2,3,'over');" οnmοuseοut="SetLeftMenuBodyLi(2,3,'out');">首页111 </li> </ul> </div>  <div id="Left_Menu_Deal" ></div>  <div id="Left_Menu_Top_3" class="Left_Menu_Top_Out" οnmοuseοver="SetLeftMenuTop(3,'over');" οnmοuseοut="SetLeftMenuTop(3,'out');" οnclick="SetLeftMenuTop(3,'onclick');">分类信息2    </div> <div id="Left_Menu_Body_3" class="Left_Menu_Body" style="display:none;"> <ul class="Left_Menu_Body_Ul"> <li id="Left_Menu_Body_3_1" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(3,1,'over');" οnmοuseοut="SetLeftMenuBodyLi(3,1,'out');">首页1112 </li> <li id="Left_Menu_Body_3_2" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(3,2,'over');" οnmοuseοut="SetLeftMenuBodyLi(3,2,'out');">首页1112 </li> <li id="Left_Menu_Body_3_3" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(3,3,'over');" οnmοuseοut="SetLeftMenuBodyLi(3,3,'out');">首页1112 </li>    <li id="Left_Menu_Body_3_4" class="Left_Menu_Body_Li_Out" οnmοuseοver="SetLeftMenuBodyLi(3,4,'over');" οnmοuseοut="SetLeftMenuBodyLi(3,4,'out');">首页1112 </li>

 </ul> </div> </div></body></html>