<!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" >• 注册统计汇总<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_bmff" >• 报名与付费统计汇总<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_xxtj" >• 学习统计<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_cy" >• 测验于学时统计<span class="ico_jt">›</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" >• 课程发布情况<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_kcxxjcy" >• 课程学习及测验<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_mydtc" >• 满意度调查<span class="ico_jt">›</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="#" >• 年报</a></li>
<li><a href="#" >• 半年报</a></li>
<li><a href="#" >• 季报</a></li>
<li><a href="#" >• 月报</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>
<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" >• 注册统计汇总<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_bmff" >• 报名与付费统计汇总<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_xxtj" >• 学习统计<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_cy" >• 测验于学时统计<span class="ico_jt">›</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" >• 课程发布情况<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_kcxxjcy" >• 课程学习及测验<span class="ico_jt">›</span></a></li>
<li><a href="#" id="menu_mydtc" >• 满意度调查<span class="ico_jt">›</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="#" >• 年报</a></li>
<li><a href="#" >• 半年报</a></li>
<li><a href="#" >• 季报</a></li>
<li><a href="#" >• 月报</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>
我的IE9不行。刚装的。。