<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link  href="css/main.css"  rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
</head>
<body>
<div class="content">
  <div class="left">
    <div class="menu">
      <div class="menu_top"   id="menu_qb"> </div>
      <div  class="menu_title"> <a href="#" class="menudown"  id="menu_ry" >人员管理</a>
        <div class="menu_itme" id="menu_ry_1">
          <ul   >
            <li><a href="#">学员管理</a></li>
            <li><a href="#">集体单位查询</a></li>
            <li><a href="#">集体报名单查询</a></li>
            <li><a href="#">发票申请管理</a></li>
          </ul>
        </div>
      </div>
      <div  class="menu_title"> <a href="#" class="menudown" id="menu_kcfbgl" >课程发布管理</a>
        <div class="menu_itme"   id="menu_kcfbgl_1" >
          <ul>
            <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>
        </div>
      </div>
      <div  class="menu_title"> <a href="#" class="menudown"   id="menu_tzgggl"  >通知公告管理</a>
        <div class="menu_itme"  id="menu_tzgggl_1">
          <ul  >
            <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>
        </div>
      </div>
    </div>
    <div  class="menu_title"> <a href="#" class="menudown"   id="menu_tjfx"  >统计分析</a>
      <div class="menu_itme" id="menu_tjfx_1">
        <ul>
          <li><a href="#">综合统计</a>
            <ul  class="menu_itme_child">
              <li><a href="#" id="menu_zc"  >&bull;&nbsp;&nbsp;注册统计汇总<span class="ico_jt">&rsaquo;</span></a></li>
              <li><a href="#"  id="menu_bmff"  >&bull;&nbsp;&nbsp;报名与付费统计汇总<span  class="ico_jt">&rsaquo;</span></a></li>
              <li><a href="#"  id="menu_xxtj"  >&bull;&nbsp;&nbsp;学习统计<span  class="ico_jt">&rsaquo;</span></a></li>
              <li><a href="#"  id="menu_cy"  >&bull;&nbsp;&nbsp;测验于学时统计<span  class="ico_jt">&rsaquo;</span></a></li>
            </ul>
            <div id="menu_zc_1"  style="position:absolute; display:none"  class="childmenu" >
              <ul>
                <li><a href="#">按注册类别</a></li>
                <li><a href="#">按月度统计</a></li>
                <li><a href="#">按机构类别</a></li>
              </ul>
            </div>
            <div  id="menu_bmff_1"  style="position:absolute; display:none"  class="childmenu" >
              <ul>
                <li><a href="#">按注册类别</a></li>
                <li><a href="#">按月度统计</a></li>
                <li><a href="#">按机构类别</a></li>
                <li><a href="#">按课程名称</a></li>
              </ul>
            </div>
            <div  id="menu_xxtj_1"  style="position:absolute; display:none"  class="childmenu" >
              <ul>
                <li><a href="#">按注册类别</a></li>
                <li><a href="#">按月度统计</a></li>
                <li><a href="#">按机构类别</a></li>
                <li><a href="#">按课程名称</a></li>
              </ul>
            </div>
            <div  id="menu_cy_1"  style="position:absolute; display:none"  class="childmenu" >
              <ul>
                <li><a href="#">按注册类别</a></li>
                <li><a href="#">按月度统计</a></li>
                <li><a href="#">按机构类别</a></li>
                <li><a href="#">按课程名称</a></li>
              </ul>
            </div>
          </li>
          <li><a href="#">课程发布及学习情况</a>
            <ul  class="menu_itme_child">
              <li><a href="#"  id="menu_kcfb"  >&bull;&nbsp;&nbsp;课程发布情况<span  class="ico_jt">&rsaquo;</span></a></li>
              <li><a href="#"  id="menu_kcxxjcy"  >&bull;&nbsp;&nbsp;课程学习及测验<span  class="ico_jt">&rsaquo;</span></a></li>
              <li><a href="#"  id="menu_mydtc"  >&bull;&nbsp;&nbsp;满意度调查<span  class="ico_jt">&rsaquo;</span></a></li>
            </ul>
            <div  id="menu_kcfb_1"  style="position:absolute; display:none"  class="childmenu" >
              <ul>
                <li><a href="#">年度在线课程统计</a></li>
                <li><a href="#">年度新发布课程统计</a></li>
              </ul>
            </div>
            <div  id="menu_kcxxjcy_1"  style="position:absolute; display:none"  class="childmenu" >
              <ul>
                <li><a href="#">汇总数据查询</a></li>
                <li><a href="#">明细数据查询</a></li>
                <li><a href="#">趋势数据查询</a></li>
              </ul>
            </div>
            <div  id="menu_mydtc_1"  style="position:absolute; display:none"  class="childmenu" >
              <ul>
                <li><a href="#">新发布课程年度比较</a></li>
                <li><a href="#">在线课程比较</a></li>
                <li><a href="#">在线课程评价明细</a></li>
                <li><a href="#">年度在线课程满意度调查</a></li>
              </ul>
            </div>
          </li>
          <li><a href="#">报表下载</a>
            <ul  id="report">
              <li><a href="#"    >&bull;&nbsp;&nbsp;年报</a></li>
              <li><a href="#"  >&bull;&nbsp;&nbsp;半年报</a></li>
              <li><a href="#"   >&bull;&nbsp;&nbsp;季报</a></li>
              <li><a href="#"   >&bull;&nbsp;&nbsp;月报</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="right"></div>
  <div class="clean"></div>
</div>
</body>
<script type="text/javascript">
$(document).ready(function(){
   
  $(".childmenu").hide();    
  $(".menu_itme").hide();
   
  var time;
  
  $("#menu_qb").click(function(){
   


if($(this).attr("class") == "menu_top"){
$(this).removeClass("menu_top");
$(this).addClass("menu_top_up");
$("#menu_ry,#menu_kcfbgl,#menu_tzgggl,#menu_tjfx").removeClass("menudown");
$("#menu_ry,#menu_kcfbgl,#menu_tzgggl,#menu_tjfx").removeClass("menuon");
$("#menu_ry_1,#menu_kcfbgl_1,#menu_tzgggl_1,#menu_tjfx_1").show();
$("#menu_ry,#menu_kcfbgl,#menu_tzgggl,#menu_tjfx").addClass("menuup");
return;
}

if($(this).attr("class") == "menu_top_up"){
$(this).removeClass("menu_top_up");
$(this).addClass("menu_top");
$("#menu_ry,#menu_kcfbgl,#menu_tzgggl,#menu_tjfx").removeClass("menuup");
$("#menu_ry,#menu_kcfbgl,#menu_tzgggl,#menu_tjfx").removeClass("menuon");
$("#menu_ry_1,#menu_kcfbgl_1,#menu_tzgggl_1,#menu_tjfx_1").hide();
$("#menu_ry,#menu_kcfbgl,#menu_tzgggl,#menu_tjfx").addClass("menudown");
return;
}
   


});
   
  
  
  $("#menu_ry,#menu_kcfbgl,#menu_tzgggl,#menu_tjfx").click(function(){

var that = $(this);
var id = that.attr("id") + '_1';

var now = $(".menuon");

$("#"+now.attr("id")+"_1").removeClass("borderbg")
$("#"+now.attr("id")+"_1").hide();

if( (now.attr("id") +"_1") != id){
now.removeClass("menuup");
now.removeClass("menuon");
now.addClass("menudown");
}


if(that.attr("class") == "menudown" || that.attr("class") == "menuup"){
that.removeClass("menudown");
that.addClass("menuon");
$("#"+id).addClass("borderbg")
$("#"+id).show();
return;
}


    if(that.attr("class") == "menuon"){
that.removeClass("menuon");
that.addClass("menudown");
$("#"+id).hide();
return;
}




 });
  
  

  $("#menu_zc,#menu_bmff,#menu_xxtj,#menu_cy,#menu_kcfb,#menu_kcxxjcy,#menu_mydtc").hover(function(){
 $(".childmenu").hide();
 $(".menu_itme_child li a").attr("style","background:#FFF !important;"); 
 if(time) clearTimeout(time);
 var that = $(this);
 var id = that.attr("id") + '_1';

     that.attr("style","background:#6BB1F5 !important;"); 

 $("#"+id).show();

 var position = that.position();
 var left = that.outerWidth() + position.left;
 $("#"+id).css("left",left+'px');
 $("#"+id).css("top",(position.top - 1)+'px');
}); 
  
  $(".childmenu").hover(function(){
  if(time) clearTimeout(time);
 });
   
  $(".childmenu").mouseleave(function(){
$(".menu_itme_child li a").attr("style","background:#FFF !important;");    
$(".childmenu").hide();

  
  });
  
  $(".menu_itme_child li a").mouseleave(function(){
time = setTimeout(function(){
$(".menu_itme_child li a").attr("style","background:#FFF !important;"); 
 $(".childmenu").hide();    
   },500);

  });
  
}); </script>
</html>