javaweb系统管理员界面
主要利用div和css布局加上jQuery实现
主页代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>后台管理系统</title>
<link type="text/css" rel="stylesheet" href="../css/login.css">
<script type="text/javascript" src="../js/script.js"></script>
<script type="text/javascript" src="../js/jquery-3.4.1.js"></script>
</head>
<body>
<div class="head clearfix">
<div class="headLogo">
<h2>系统管理</h2>
</div>
<ul class="headnav clearfix" id="headnav">
<li id="menu_0" class="current-menu">
<a href="#">菜单管理</a>
</li>
<li id="menu_1" >
<a href="#">模块管理</a>
</li>
<li id="menu_2">
<a href="#">系统设置</a>
</li>
<li id="menu_3">
<a href="#">扩展管理</a>
</li>
</ul>
<ul id="headnavRight" class="clearfix" >
<li>
<a href="#">你好,admin</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 class="leftMenu">
<div