PHP开发简单图书后台管理系统left页面
这一节我们创建管理系统的左侧功能页面，进入后台管理系统中主要的对系统的操作就在这里，方便管理员进行图书管理的各种操作。
如图，包括系统设置功能，图书管理功能，查询统计等并用<a>标签增加跳转链接，实现图书管理后台的各种功能。
使用了<ul><li>标签进行排序
<div style="height:100%;"> <ul id="navigation"> <li> <a class="head">系统设置</a> <ul> <li><a href="ly_pwd.php" target="rightFrame">密码修改</a></li> </ul> </li> <li><a class="head">图书管理</a> <ul> <li><a href="list.php" target="rightFrame">新书管理</a></li> <li><a href="add.php" target="rightFrame">新书入库</a></li> </ul> </li> <li><a class="head">查询统计</a> <ul> <li><a href="select.php" target="rightFrame">图书查询</a></li> <li><a href="count.php" target="rightFrame">图书统计</a></li> </ul> </li> <li> <a class="head">版本信息</a> <ul> <li> <div align="center">SS3.3</div> </li> </ul> </li> </ul> </div>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图书管理系统</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font-size: 12px;
}
#navigation {
margin:0;
padding:0;
width:147px;
}
#navigation a.head {
cursor:pointer;
background:url(https://img.php.cn/upload/course/000/000/008/58243499f341c453.gif) no-repeat scroll;
display:block;
font-weight:bold;
margin:0;
padding:5px 0 5px;
text-align:center;
font-size:12px;
text-decoration:none;
}
#navigation ul {
border-width:0;
margin:0;
padding:0;
text-indent:0;
}
#navigation li {
list-style:none; display:inline;
}
#navigation li li a {
display:block;
font-size:12px;
text-decoration: none;
text-align:center;
padding:3px;
}
#navigation li li a:hover {
background:url(https://img.php.cn/upload/course/000/000/008/582434dd5e5bc166.gif) repeat-x;
border:solid 1px #adb9c2;
}
-->
</style>
</head>
<body>
<div style="height:100%;">
<ul id="navigation">
<li> <a class="head">系统设置</a>
<ul>
<li><a href="ly_pwd.php" target="rightFrame">密码修改</a></li>
</ul>
</li>
<li><a class="head">图书管理</a>
<ul>
<li><a href="list.php" target="rightFrame">新书管理</a></li>
<li><a href="add.php" target="rightFrame">新书入库</a></li>
</ul>
</li>
<li><a class="head">查询统计</a>
<ul>
<li><a href="select.php" target="rightFrame">图书查询</a></li>
<li><a href="count.php" target="rightFrame">图书统计</a></li>
</ul>
</li>
<li> <a class="head">版本信息</a>
<ul>
<li>
<div align="center">SS3.3</div>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
