<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/JavaScript">
var $=function(id) {
return document.getElementById(id);
}
function show_menu(num){
for(i=0;i<100;i++){
if($('li0'+i)){
$('li0'+i).style.display='none';
$('f0'+i).className='';
}
}
$('li0'+num).style.display='block';//触发以后信息块
$('f0'+num).className='left02down01_xia_li';//触发以后TAG样式
}
function show_menuB(numB){
for(j=0;j<100;j++){
if(j!=numB){
if($('Bli0'+j)){
$('Bli0'+j).style.display='none';
$('Bf0'+j).style.background='url(images/01.gif)';
}
}
}
if($('Bli0'+numB)){
if($('Bli0'+numB).style.display=='block'){
$('Bli0'+numB).style.display='none';
$('Bf0'+numB).style.background='url(images/01.gif)';
}else {
$('Bli0'+numB).style.display='block';
$('Bf0'+numB).style.background='url(images/02.gif)';
}
}
}
var temp=0;
function show_menuC(){
if (temp==0){
document.getElementById('LeftBox').style.display='none';
document.getElementById('RightBox').style.marginLeft='0';
document.getElementById('Mobile').style.background='url(images/center.gif)';
temp=1;
}else{
document.getElementById('RightBox').style.marginLeft='222px';
document.getElementById('LeftBox').style.display='block';
document.getElementById('Mobile').style.background='url(images/center0.gif)';
temp=0;
}
}
</script>
</head>
<body>
<div class="header">
<div class="header03"></div>
<div class="header01"></div>
<div class="header02">注册用户信息管理系统</div>
</div>
<div class="left" id="LeftBox">
<div class="left01">
<div class="left01_right"></div>
<div class="left01_left"></div>
<div class="left01_c">超级管理员：admin</div>
</div>
<div class="left02">
<div class="left02top">
<div class="left02top_right"></div>
<div class="left02top_left"></div>
<div class="left02top_c">用户信息管理</div>
</div>
<div class="left02down">
<div class="left02down01"><a onclick="show_menuB(80)" href="javascript:;"><div id="Bf080" class="left02down01_img"></div>用户信息查询</a></div>
<div class="left02down01_xia noneBox" id="Bli080">
<ul>
<li onmousemove="show_menu(10)" id="f010"><a href="#">·精确查询</a></li>
<li onmousemove="show_menu(11)" id="f011"><a href="#">·组合条件查询</a></li>
</ul>
</div>
<div class="left02down01"><a onclick="show_menuB(81)" href="javascript:;">
<div id="Bf081" class="left02down01_img"></div>
用户密码管理</a></div>
<div class="left02down01_xia noneBox" id="Bli081">
<ul>
<li onmousemove="show_menu(12)" id="f012"><a href="#">·找回密码</a></li>
<li onmousemove="show_menu(13)" id="f013"><a href="#">·更改密码</a></li>
</ul>
</div>
</div>
</div>
<div class="left02">
<div class="left02top">
<div class="left02top_right"></div>
<div class="left02top_left"></div>
<div class="left02top_c">用户分析</div>
</div>
<div class="left02down">
<div class="left02down01"><a onclick="show_menuB(82)" href="javascript:;"><div id="Bf082" class="left02down01_img"></div>用户注册统计</a></div>
<div class="left02down01"><a href="#"><div class="left02down01_img"></div>用户登录统计</a></div>
<div class="left02down01"><a href="#"><div class="left02down01_img"></div>用户激活统计</a></div>
</div>
</div>
<div class="left02">
<div class="left02top">
<div class="left02top_right"></div>
<div class="left02top_left"></div>
<div class="left02top_c">用户过滤</div>
</div>
<div class="left02down">
<div class="left02down01"><a href="#"><div class="left02down01_img"></div>过滤IP(段)</a></div>
<div class="left02down01"><a href="#"><div class="left02down01_img"></div>过滤用户名</a></div>
</div>
</div>
<div class="left02">
<div class="left02top">
<div class="left02top_right"></div>
<div class="left02top_left"></div>
<div class="left02top_c">系统管理</div>
</div>
<div class="left02down">
<div class="left02down01"><a href="#"><div class="left02down01_img"></div>权限管理</a></div>
<div class="left02down01"><a href="#"><div class="left02down01_img"></div>用户组管理</a></div>
<div class="left02down01"><a href="#"><div class="left02down01_img"></div>操作日志</a></div>
</div>
</div>
<div class="left01">
<div class="left03_right"></div>
<div class="left01_left"></div>
<div class="left03_c">安全退出</div>
</div>
</div>
<div class="rrcc" id="RightBox">
<div class="center" id="Mobile" onclick="show_menuC()"></div>
<div class="right" id="li010">
<div class="right01"><img src="images/04.gif" /> 用户信息查询 > <span>精确查询</span></div>
</div>
<div class="right noneBox" id="li011">
<div class="right01"><img src="images/04.gif" /> 用户信息查询 > <span>组合条件查询</span></div>
</div>
<div class="right noneBox" id="li012">
<div class="right01"><img src="images/04.gif" /> 用户密码管理 > <span>找回密码</span></div>
</div>
<div class="right noneBox" id="li013">
<div class="right01"><img src="images/04.gif" /> 用户密码管理 > <span>更改密码</span></div>
</div>
</div>
</body>
</html>
简洁的用户信息管理系统后台模板
需积分: 50 32 浏览量
2017-07-12
23:12:41
上传
评论
收藏 15KB ZIP 举报
简洁的用户信息管理系统后台.zip （18个子文件） 
简洁的用户信息管理系统后台 css 
style.css 3KB images 
04.gif 54B center.gif 242B left01_bei.gif 52B center0.gif 242B left02_bei.gif 52B left02_right.gif 66B header01.gif 1KB header_bei.gif 198B Thumbs.db 21KB left01_left.gif 65B 01.gif 74B left02_left.gif 65B 03.gif 225B li.gif 36B left01_right.gif 66B 02.gif 76B
index.html 5KB资源评论
