📄 left.jsp
字号:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
<!--
body,td,th {
font-size: 13px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #879533;
SCROLLBAR-FACE-COLOR: #879533;
SCROLLBAR-HIGHLIGHT-COLOR: #879533;
SCROLLBAR-SHADOW-COLOR: #879533;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #93CC0D;
SCROLLBAR-TRACK-COLOR: #93CC0D;
SCROLLBAR-DARKSHADOW-COLOR: #94C128;
SCROLLBAR-BASE-COLOR: #94C128;
}
.imgOper {
margin-top: 7px;
float: left;
margin-left: 8px;
width: 12px;
}
.textOper {
width: 70px;
float: left;
margin-top: 6px;
height: 15px;
margin-left: 6px;
}
.textOper a {
text-decoration: none;
color: #000000;
}
.allOper {
width: 200px;
background-color: #8DA219;
position: relative;
margin-top: 0px;
margin-left: 0px;
border: 1px solid #5D6F0C;
display: none;
}
.content {
height: 22px;
width: 200px;
margin-right: 0px;
margin-left: 0px;
}
.title {
background-image: url(../image/left_dao_bg.gif);
height: 28px;
width: 200px;
margin-left: 0px;
margin-top: 0px;
border: 1px solid #5D6F0C;
}
.title_name {
margin-top: 8px;
margin-left: 8px;
width: 70px;
float: left;
}
.title_img {
margin-right: 3px;
margin-top: 8px;
width: 20px;
float: right;
}
a:hover {
text-decoration: underline;
color: #CC3300;
}
-->
</style>
<script language="javascript" type="text/javascript">
var booksStatus=0;
var usersStatus=0;
var ggsStatus=0;
var typesStatus=0;
function showBookContent(divId){
if(booksStatus==0){
document.getElementById("allOperBook").style.display="block";
divId.innerHTML="<img src='../image/press_up.gif' />"
booksStatus=1;
}else{
document.getElementById("allOperBook").style.display="none";
divId.innerHTML="<img src='../image/press_down.gif' />"
booksStatus=0;
}
}
function showUserContent(divId){
if(usersStatus==0){
document.getElementById("allOperUser").style.display="block";
divId.innerHTML="<img src='../image/press_up.gif' />"
usersStatus=1;
}else{
document.getElementById("allOperUser").style.display="none";
divId.innerHTML="<img src='../image/press_down.gif' />"
usersStatus=0;
}
}
function showGgContent(divId){
if(ggsStatus==0){
document.getElementById("allOperGg").style.display="block";
divId.innerHTML="<img src='../image/press_up.gif' />"
ggsStatus=1;
}else{
document.getElementById("allOperGg").style.display="none";
divId.innerHTML="<img src='../image/press_down.gif' />"
ggsStatus=0;
}
}
function showTypeContent(divId){
if(typesStatus==0){
document.getElementById("allOperType").style.display="block";
divId.innerHTML="<img src='../image/press_up.gif' />"
typesStatus=1;
}else{
document.getElementById("allOperType").style.display="none";
divId.innerHTML="<img src='../image/press_down.gif' />"
typesStatus=0;
}
}
</script>
</head>
<body>
<div class="title">
<div class="title_name">
书籍管理
</div>
<div class="title_img" onClick="showBookContent(this)">
<img src="../image/press_down.gif" />
</div>
</div>
<div class="allOper " id="allOperBook">
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="../servlet/ShowAllBooksServlet" target="rightShowBooks">查询书籍</a>
</div>
</div>
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="#">添加书籍</a>
</div>
</div>
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="#">删除书籍</a>
</div>
</div>
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="#">更改书籍</a>
</div>
</div>
</div>
<div class="title">
<div class="title_name">
用户管理
</div>
<div class="title_img" onClick="showUserContent(this)">
<img src="../image/press_down.gif" />
</div>
</div>
<div class="allOper " id="allOperUser">
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="#">查询用户</a>
</div>
</div>
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="#">添加用户</a>
</div>
</div>
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="#">删除用户</a>
</div>
</div>
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="#">更改用户</a>
</div>
</div>
</div>
<div class="title">
<div class="title_name">
广告管理
</div>
<div class="title_img" onClick="showGgContent(this)">
<img src="../image/press_down.gif" />
</div>
</div>
<div class="allOper " id="allOperGg">
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="#">设置广告</a>
</div>
</div>
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="#">取消广告</a>
</div>
</div>
</div>
<div class="title">
<div class="title_name">
类别管理
</div>
<div class="title_img" onClick="showTypeContent(this)">
<img src="../image/press_down.gif" />
</div>
</div>
<div class="allOper " id="allOperType">
<div class="content">
<div class="imgOper">
<img src="../image/listimg.gif" />
</div>
<div class="textOper">
<a href="../servlet/ShowTypeServlet" target="rightShowBooks" >类别管理</a>
</div>
</div>
</div>
<!--- dsssssssssssssssssssssssssssssssssssssssssssssss--->
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
<div class="title">
<div class="title_name"></div>
<div class="title_img">
</div>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -