ASP.NET中下拉菜单的制作
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>power by [email protected]</title>
<link href="../css/index.css" type="text/css" rel="stylesheet" />
<script src="../js/j.js"></script>
<script src="../js/e.js"></script>
<script>
$(document).ready(function(){
$(".menu").css("display","none");
$(".mhead").hover(function(){$(this).css("color","red")},function(){$(this).css("color","black")});
$(".mhead").toggle(function(){
$(this).next("div").slideDown("slow",‘easeOutBounce‘);
},function(){
$(this).next("div").slideUp("slow");
});
});
</script>
</head>
<body>
<div class="mhead">网站常规管理</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="../about.aspx" target="wmain">系统环境</a></li>
</ul>
</div>
<div class="mhead">教研项目管理</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="教研项目列表.aspx" target="wmain">教研项目列表</a></li>
<li><a href="教研项目管理.aspx" target="wmain">教研项目添加</a></li>
<li><a href="教研项目添加.aspx" target="wmain">教研项目管理</a></li>
</ul>
</div>
<div class="mhead">教研论文管理</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="courseadd.php" target="wmain">教研论文列表</a></li>
<li><a href="coursemanager.php" target="wmain">教研论文添加</a></li>
<li><a href="coursemanager.php" target="wmain">教研论文管理</a></li>
</ul>
</div>
<div class="mhead">教研著作管理</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="courseadd.php" target="wmain">教研著作列表</a></li>
<li><a href="jobadd.php" target="wmain">教研著作管理</a></li>
<li><a href="jobmanager.php" target="wmain">教研著作添加</a></li>
</ul>
</div>
<div class="mhead">教研奖励管理</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="courseadd.php" target="wmain">教研奖励列表</a></li>
<li><a href="articleadd.php" target="wmain">教研奖励管理</a></li>
<li><a href="articlemanager.php" target="wmain">教研奖励添加</a></li>
</ul>
</div>
<div class="mhead">业绩统计管理</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="courseadd.php" target="wmain">教研业绩列表</a></li>
<li><a href="teacheradd.php" target="wmain">教研业绩管理</a></li>
<li><a href="teachermanager.php" target="wmain">教研业绩添加</a></li>
</ul>
</div>
<div class="mhead">学术活动管理</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="学术会议列表.aspx" target="wmain">学术会议列表</a></li>
<li><a href="学术会议管理.aspx" target="wmain">学术会议管理</a></li>
<li><a href="学术会议添加.aspx" target="wmain">学术会议添加</a></li>
<li><a href="学术报告列表.aspx" target="wmain">学术报告列表</a></li>
<li><a href="学术报告管理.aspx" target="wmain">学术报告管理</a></li>
<li><a href="学术报告添加.aspx" target="wmain">学术报告添加</a></li>
</ul>
</div>
<div class="mhead">人员信息管理</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="教师信息列表.aspx" target="wmain">教师信息列表</a></li>
<li><a href="教师信息管理.aspx" target="wmain">教师信息管理</a></li>
<li><a href="教师信息添加.aspx" target="wmain">教师信息添加</a></li>
<li><a href="系管理员管理.aspx" target="wmain">系管理员理</a></li>
<li><a href="系管理员添加.aspx" target="wmain">系管理员添加</a></li>
</ul>
</div>
<div class="mhead">友情链接</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="../delorder.aspx" target="wmain">添加链接</a></li>
<li><a href="partner_manager.php" target="wmain">管理链接</a></li>
</ul>
</div>
<div class="mhead">系统管理</div>
<div class="menu">
<img src="../images/menu_topline.gif" width="182" height="5" />
<ul>
<li><a href="管理员添加.aspx" target="wmain">添加管理员</a></li>
<li><a href="管理员管理.aspx" target="wmain">管理员管理</a></li>
<li><a href="#" target="wmain">日志管理</a></li>
<li><a href="BackupDatabase.aspx" target="wmain">数据库备份</a></li>
</ul>
</div>
<div class="menubottom"></div>
</body>
</html>
结果如下:
本文出自 “黄忠” 博客,请务必保留此出处http://tyjhz.blog.51cto.com/8756882/1395559
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。