css问题 ie6 兼容性 高分了 在线等
css代码
/*-------------左菜单-------------*/
#navigation {margin:0px; padding:0px; text-indent:0px; background-color:#fff; width:203px; font-size:12px; }
#navigation a.title {cursor:pointer; background: url(../images/bg_menu.png) repeat-x scroll 0 0; color:#FFFFFF; height:36px; display:block; font-weight:bold; margin:0px; padding:0px; text-indent:28px; font:16px/36px "微软雅黑"; text-decoration: none;}
#navigation a.title span { background: url(../images/bg_menu.png) no-repeat scroll 0 -37px; width:10px; height:10px; display:inline-block;float:right;_float:none; margin:14px 29px 0 0}
#navigation a.title span { background: url(../images/bg_menu.png) no-repeat scroll 0 -37px; width:10px; height:10px; display:inline-block;float:right;_float:none; margin:14px 29px 0 0}
#navigation a.title:hover { color:#FFFF99;}
#navigation a.selected span { background: url(../images/bg_menu.png) no-repeat scroll 1px -47px; }
#navigation a.current { background-color:#FFFF99;}
#navigation ul.sub-menu { border-width:0px; margin:0px; padding:0px; text-indent:0px; width:201px; border-right:1px solid #cecece; border-left:1px solid #cecece; border-bottom:1px solid #cecece;}
#navigation ul.sub-menu li { list-style:none; height:27px; line-height:27px; text-align:center; position:relative;*z-index:1;_z-index:1;}
#navigation ul.sub-menu li.on {background:#f9f9f9; height:25px; line-height:25px; border:1px solid #cecece; border-left:none;}
#navigation li li a { color:#000000; display:block; text-indent:10px; text-decoration: none;}
#navigation li li a:hover { color:#ff0000;}
#navigation ol {margin:0; padding:0; list-style:none;width:150px; height:200px; position:absolute; left:202px; top:-1px; z-index:999; border-top:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #cecece; background:#f9f9f9; z-index:10000;}
a.ative {color:#ff9000;}
<ul id="navigation">
<li>
<a class="title" href="javascript:;">五月同等学力<span></span></a>
<ul class="sub-menu" style="display:block;">
<li><a href="">------同等学力项目------</a>
<ol style="display:none;">
<li><a href="#">子栏目</a></li>
<li><a href="#">子栏目</a></li>
</ol>
</li>
<li><a href="#">------同等学力项目------</a>
<ol style="display:none;">
<li><a href="#">子栏目</a></li>
<li><a href="#">子栏目</a></li>
</ol>
</li>
<li><a href="#">------同等学力项目------</a></li>
<ol style="display:none;">
<li><a href="#">子栏目</a></li>
<li><a href="#">子栏目</a></li>
</ol>
<li><a href="#">------同等学力项目------</a></li>
<ol style="display:none;">
<li><a href="#">子栏目</a></li>
<li><a href="#">子栏目</a></li>
</ol>
<li><a href="#">------同等学力项目------</a></li>
<li><a href="#">------同等学力项目------</a></li>
<li><a href="#">------同等学力项目------</a></li>
<li><a href="#">------同等学力项目------</a></li>
</ul>
</li>
<li>
<a class="title" href="javascript:;">十月在职功硕<span></span></a>
<ul class="sub-menu" style="display:none;">
<li><a href="#">------在职功硕项目------</a></li>
<li><a href="#">------在职功硕项目------</a></li>
<li><a href="#">------在职功硕项目------</a></li>
<li><a href="#">------在职功硕项目------</a></li>
<li><a href="#">------在职功硕项目------</a></li>
<li><a href="#">------在职功硕项目------</a></li>
<li><a href="#">------在职功硕项目------</a></li>
<li><a href="#">------在职功硕项目------</a></li>
<li><a href="#">------在职功硕项目------</a></li>
<li><a href="#">------在职功硕项目------</a></li>
</ul>
</li>
<li>
<a class="title" href="javascript:;">英语专攻培训<span></span></a>
<ul class="sub-menu" style="display:none;">
<li><a href="#">------专攻培训项目------</a></li>
<li><a href="#">------专攻培训项目------</a></li>
<li><a href="#">------专攻培训项目------</a></li>
<li><a href="#">------专攻培训项目------</a></li>
<li><a href="#">------专攻培训项目------</a></li>
<li><a href="#">------专攻培训项目------</a></li>
<li><a href="#">------专攻培训项目------</a></li>
<li><a href="#">------专攻培训项目------</a></li>
</ul>
</li>
<li>
<a class="title" href="javascript:;">专业学位<span></span></a>
<ul class="sub-menu" style="display:none;">
<li><a href="#">------学位项目------</a></li>
<li><a href="#">------学位项目------</a></li>
<li><a href="#">------学位项目------</a></li>
<li><a href="#">------学位项目------</a></li>
<li><a href="#">------学位项目------</a></li>
</ul>
</li>
</ul>
//左菜单js
var menu_head = $('#navigation a.title'),
menu_body = $('#navigation li > .sub-menu'),
menu_li=$('#navigation ul li');
menu_head.first().addClass('selected').next().slideDown('normal');
menu_head.on('click', function(event) {
event.preventDefault();
if ($(this).attr('class') != 'selected'){
menu_body.slideUp('normal');
$(this).next().stop(true,true).slideToggle('normal');
menu_head.removeClass('selected');
$(this).addClass('selected');
}});
menu_li.hover(function(){
$(this).addClass("on").find("ol").fadeIn(200);
},function(){$(this).removeClass("on").find("ol").fadeOut(200);});
