二级下拉菜单 *{margin:0px; padding:0px;} #Logo{width:100%; height:50px; background:#FF3300; position:relative;} #Logo ul{height:50px; width:1070px; margin:0px auto;} #Logo ul li{ padding:0px 30px;height:50px; list-style:none; float:left;text-align:center; line-height:50px; font-family:"微软雅黑";} #Logo ul li a{color:#FFFFFF; text-decoration:none;} #Logo ul li.hover{background:#990000;} #Logo ul li .menu{width:100%; height:250px; background:#009900; position:absolute; left:0px; top:50px; border-bottom:3px solid #000000; display:none;} 首页 时装趋势 时装趋势 嘉人美妆 嘉人美妆 嘉人观点 嘉人观点 珠宝腕表 珠宝腕表 生活 生活 杂志 杂志 专题嘉人 专题嘉人 TV TV $("#Logo ul li").hover(function(){ $(this).addClass("hover").siblings().removeClass("hover");//添加class="hover"; $(this).find(".menu").slideDown();//慢慢向下展示; },function(){ $(this).find(".menu").hide();//慢慢向上收回; $(this).removeClass("hover"); });
