PHP develops simple book background management system left page

In this section, we create the left function page of the management system. The main system operations in the background management system are here to facilitate the administrator to perform various operations of book management.

13.png

As shown in the figure, it includes system setting functions, book management functions, query statistics, etc. and uses the <a> tag to add jump links, realizes various aspects of the book management background function.

Used <ul><li> tags for sorting

<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>


Continuing Learning
||
<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>
submitReset Code