PHP는 간단한 책 배경 관리 시스템 왼쪽 페이지를 개발합니다.
이 섹션에서는 관리자가 다양한 도서 관리 작업을 수행할 수 있도록 관리 시스템의 왼쪽 기능 페이지를 만듭니다.
그림과 같이 시스템 설정 기능, 도서 관리 기능, 쿼리 통계 등이 포함되어 있으며 <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>
