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>
