Jquery实现纵向横向菜单_jquery

ul,li{ 
 list-style:none;/* //清除ul和li上默认的小圆点 */ 
 
} 
ul{ 
 /* 清除子菜单的缩进值 */ 
 padding:0; 
 margin:0; 
} 
.main,.hmain{ 
 background-image:url(../images/title.gif);/*指定背景图*/ 
 background-repeat:repeat-x; 
 width:120px; 
} 
li{ 
 background-color:#EEEEEE; 
} 
a { 
 /*取消所有的下划线*/ 
 text-decoration:none; 
 padding-left:20px; 
 display:block; 
 display:inline-block;/* 解决ie6不兼容的问题 */ 
 width:100px; 
 padding-top:3px; 
 padding-bottom:3px; 
} 
.main a,.hmain a { 
 color:white;/*主菜单标签颜色为白色*/ 
 background-image:url(../images/collapsed.gif); 
 background-repeat:no-repeat; 
 background-position:3px center; /* 图片位置在中间 */ 
} 
.main li a ,.hmain li a{ 
 /* 子菜单项 */ 
 color:black; 
 background-image:none;/* 不使用图片 */ 
 padding-left:18px; 
 
} 
.main ul,.hmain ul{ 
 /* 子菜单隐藏 */ 
 display:none; 
} 
.hmain{ 
 float:left;/*浮动显示*/ 
 margin:1px; 
}