type="text/css"/>body{font:12px/1.5tahoma,arial,"宋体";padding:10px;text-align:center;}.list1{border:1pxsolid#CCC;cursor:pointer;display:inline-block;*display:i" />
"https://www.wendangku.net/doc/5617116635.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">
type="text/css" />
body{font:12px/1.5 tahoma,arial,"宋体";padding:10px;text-align:center;} .list1{border:1px solid
#CCC;cursor:pointer;display:inline-block;*display:inline;*zoom:1;border-righ
t:none;}
.list1
li{float:left;width:50px;height:25px;background:#EEE;line-height:25px;text-a
lign:center;border-right:1px #CCC solid;position:relative;}
.list1 ul{border-bottom:1px solid #CCC;border-left:1px solid
#CCC;position:absolute;top:100%;left:-1px;display:none;}
.list1 ul li{float:none;}
.list2{display:inline-block;*display:inline;*zoom:1;background:#444;bo
rder-top:1px solid #111;border-bottom:1px solid #111;border-left:1px solid
#111;cursor:pointer;}
.list2
li{float:left;width:50px;height:25px;line-height:25px;color:white;border-rig
ht:1px solid #111;position:relative;}
.list2 ul li{border-right:none;float:none;}
.list2
ul{position:absolute;top:100%;left:-1px;background:#444;border-right:1px
solid #111;border-bottom:1px solid #111;border-left:1px solid
#111;display:none;}
.list2 a{color:white;}
$(function(){
//二级伸缩菜单
var $list1=$('.list1');
$list1.children("li").hover(function(){
$(this).children().eq(0).stop().slideToggle(300); },function(){
$(this).children().eq(0).stop().slideToggle(300); });
//二级透明菜单
var $list2=$('.list2');
$list2.children('li').hover(function(){
$(this).children().eq(0).stop().fadeTo(555,1);
},function(){
$(this).children().eq(0).stop().fadeTo(555,0);
})
});