下拉菜单

/*-------------------------html代码---------------------------*/

<div class="content"><!-- id:content begin -->
<div id="gly-top"></div>
      <div id="gly-left"><!-- id:left begin -->
  <div class="navigation">
 
        <h1><a href="#">帐号管理</a></h1>
        <ul class="nav">
           <li><a href="#" target="contframe">创建院校用户</a></li>
           <li><a href="#" target="contframe">查看院校用户</a></li>
          <li><a href="#" target="contframe">创建管理员</a></li>
          <li><a href="#" target="contframe">查看管理员</a></li>
   <li><a href="#" target="contframe">密码修改</a></li>
    <li><a href="#" target="contframe">查看历年数据</a></li>
<li><a href="#" target="contframe">查看历年数据</a></li>
        </ul>
        <h1><a href="#">学生信息管理</a></h1>
        <ul class="nav">
          <li><a href="#" target="contframe">导入学生信息</a></li>
          <li><a href="#" target="contframe">添加学生信息</a></li>
          <li><a href="#" target="contframe">查询编辑学生信息</a></li>
  <li><a href="#" target="contframe">查询编辑学生信息</a></li>
        </ul>
        <h1><a href="#">测评项库管理</a></h1>
        <ul class="nav">
          <li><a href="#" target="contframe">创建库</a></li>
          <li><a href="#" target="contframe">查看库</a></li>
           <li><a href="#" target="contframe">添加测评项</a></li>
           <li><a href="#" target="contframe">修改个人信息</a></li>
        </ul>
        <h1><a href="#">测评问卷管理</a></h1>
        <ul class="nav">
        <li><a href="#" target="contframe">创建问卷</a></li>
          <li><a href="#" target="contframe">查看问卷</a></li>
          <li><a href="#" target="contframe">编辑问卷</a></li>
  <li><a href="#" target="contframe">查询编辑学生信息</a></li>
        </ul>
        <h1><a href="#">测评报告管理</a></h1>
        <ul class="nav">
          <li><a href="#" target="contframe">查看个人报告</a></li>
          <li><a href="#" target="contframe">查看对比报告</a></li>
          <li><a href="#" target="contframe">查看历年数据</a></li>
  <li><a href="#" target="contframe">查看历年数据</a></li>
  <li class="aa"><a href="#" target="contframe">查看历年数据</a></li>
        </ul>
    </div>
      </div>

/*-----------------------------css代码-------------------------*/

.content{float:left;width:957px;margin-top:-45px;margin-left:31px;margin-right:12px;}
/*.content{ width:950px; overflow:hidden;}*/
/*---------------content_left-----------------*/
.content #gly-top{width:152px;height:11px;margin-top:13px;float:left;background:url(../images/nav_one.jpg) no-repeat top left;border:1px solid #64a1d1; clear:both;}
.content #gly-left{width:152px;height:479px;float:left;background:url(../images/n_leftLine.jpg) repeat-y;border:1px solid #cccccc;margin-top:25px; margin-left:-154px;display:block;}
.content #gly-left .navigation{width:152px;height:310px;margin-top:-1px;list-style:none;}
.content #gly-left h1{width:150px;height:24px;background:url(../images/nav.jpg) no-repeat top center;border-top:1px solid #64A2D1;border-left: 1px solid #64A2D1;border-right:1px solid #64A2D1;list-style:none;margin:0 auto;text-align:left;font-family:"宋体";font-size:16px;color:#217ec8; padding-top:6px;}
.content #gly-left h1 a:link,.content #gly-left h1 a:visited{text-decoration:none;background:url(../images/arrow.png) no-repeat;margin-left:13px;color:#0066FF;padding-left:25px;}
.content #gly-left h1 a:hover{text-decoration:underline;}
/*.nav{ width:150px;height:151px;margin:0 auto;}*/
.nav{ margin:0; background-color:#006699; }
.nav li{ background:url(../images/navLine.jpg) no-repeat top;width:150px;height:21px;list-style:none;margin-left:-40px;padding-top:9px;border-left:1px solid #64A2D1;border-right:1px solid #64A2D1;text-align:left;}
.nav .aa{ border-bottom:1px solid #64a2d1;}
.nav li a:link,.nav li:visited{text-decoration:none;background:url(../images/nav_arrow.jpg) no-repeat;margin-left:20px;font-family:"宋体";font-size:12px;color:color:#808080;padding-left:20px;}
.nav li a:hover{text-decoration:underline; color:#FF0000;}

/*----------------------------jquery代码--------------------------*/

var fix=false;
$(function(){
  $("#gly-left ul").hide();
$("#gly-left h1").bind("click",function(){
  $(this).prevAll("ul:visible").hide("slow");
$(this).next("ul").toggle("slow");
$(this).nextAll("ul:visible:not(:first)").hide("slow");
});
//动态改变样式HP
$("#gly-left ul li,#sjzd_id").bind("click",function(){
var el=$(this);
var tagn=el[0].tagName.toLowerCase();
if(tagn=="li"){
  $("#gly-left ul li.current").removeClass("current");
  el.addClass("current");
  fix=true;
}else{
  $("#gly-left ul li.current").removeClass("current");
}
});

$("#gly-left ul li").bind("mouseover",function(){
if($(this).hasClass("current") ){
fix=true;
}else{
$(this).addClass("current");
}
}).bind("mouseout",function(){
if(fix){
  fix=false;
}else{
  $(this).removeClass("current");
}
});
});