PHP开发简单图书后台管理系统left页面

这一节我们创建管理系统的左侧功能页面,进入后台管理系统中主要的对系统的操作就在这里,方便管理员进行图书管理的各种操作。

13.png

如图,包括系统设置功能,图书管理功能,查询统计等并用<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>
提交重置代码