<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
function $(id){return document.getElementById(id)}
var menu=$("topTags").getElementsByTagName("ul")[0];//顶部菜单容器
var tags=menu.getElementsByTagName("li");//顶部菜单
var ck=$("leftMenu").getElementsByTagName("ul")[0].getElementsByTagName("li");//左侧菜单
var j;
//点击左侧菜单增加新标签
for(i=0;i<ck.length;i++){
ck[i].onclick=function(){
$("welcome").style.display="none"//欢迎内容隐藏
clearMenu();
this.style.background='url(image/f1_03.gif)'
//循环取得当前索引
for(j=0;j<8;j++){
if(this==ck[j]){
if($("p"+j)==null){
openNew(j,this.innerHTML);//设置标签显示文字
}
clearStyle();
$("p"+j).style.background='url(image/tabbg1.gif)';
$("p"+j).style.color ='#000000';
clearContent();
$("c"+j).style.display="block";
}
}
return false;
}
}
//增加或删除标签
function openNew(id,name){
var tagMenu=document.createElement("li");
tagMenu.id="p"+id;
tagMenu.innerHTML=name+""+"<img src='image/off.gif' style='vertical-align:middle'/>";
//标签点击事件
tagMenu.onclick=function(evt){
clearMenu();
ck[id].style.background='url(image/f1_03.gif)'
clearStyle();
tagMenu.style.background='url(image/tabbg1.gif)';
tagMenu.style.color ='#000000';
clearContent();
$("c"+id).style.display="block";
}
//标签内关闭图片点击事件
tagMenu.getElementsByTagName("img")[0].onclick=function(evt){
evt=(evt)?evt:((window.event)?window.event:null);
if(evt.stopPropagation){evt.stopPropagation()} //取消opera和Safari冒泡行为;
this.parentNode.parentNode.removeChild(tagMenu);//删除当前标签
var color=tagMenu.style.backgroundColor;
//设置如果关闭一个标签时，让最后一个标签得到焦点
if(color=="#ffff00"||color=="yellow"){//区别浏览器对颜色解释
if(tags.length-1>=0){
clearStyle();
tags[tags.length-1].style.background='url(image/tabbg1.gif)';
clearContent();
var cc=tags[tags.length-1].id.split("p");
$("c"+cc[1]).style.display="block";
clearMenu();
ck[cc[1]].style.background='url(image/tabbg1.gif)';
}
else{
clearContent();
clearMenu();
$("welcome").style.display="block"
}
}
}
menu.appendChild(tagMenu);
}
//清除菜单样式
function clearMenu(){
for(i=0;i<ck.length;i++){
ck[i].style.background='url(image/tabbg01.gif)';
}
}
//清除标签样式
function clearStyle(){
for(i=0;i<tags.length;i++){
var dTag = menu.getElementsByTagName("li")[i];
dTag.style.background='url(image/tabbg2.gif)';
dTag.style.color ='#59814C';
//alert(dTag.outerHTML);
}
}
//清除内容
function clearContent(){
for(i=0;i<7;i++){
$("c"+i).style.display="none";
}
}
}
</script>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
body {
margin-top: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}
#top {
height: 70px;
width: 100%;
background-image: url(image/126_f2_01.gif);
background-repeat: repeat-x;
background-position: bottom;
}
#top #logo {
float: left;
height: 50px;
width: 168px;
padding-top: 20px;
padding-left: 23px;
}
#top #xx {
float: left;
height: 70px;
}
#top #xx #hy {
font-size: 12px;
height: 30px;
color: #1D4A03;
position: relative;
padding-top: 11px;
}
#top #xx #hy span {
position: absolute;
right: 10px;
}
#top #xx #hy .input1 {
border: 1px solid #769744;
background-image: url(image/inputbg_01.gif);
background-repeat: repeat-x;
font-size: 12px;
color: #999999;
height: 18px;
}
#top #xx #hy .input2 {
position: relative;
top: 4px;
}
#top #xx #topTags {
height: 29px;
}
#top #xx #topTags li {
float: left;
font-size: 12px;
font-weight: bold;
color: #1D4A03;
height: 23px;
width: 80px;
line-height: 24px;
padding-top: 6px;
padding-left: 10px;
}
#zhong {
height: 100%;
width: 100%;
}
#zhong #zb {
float: left;
height: 100%;
width: 191px;
}
#zhong #zb #shb {
height: 38px;
width: 192px;
}
#zhong #zb #shb a {
text-decoration: none;
color: #000000;
font-size: 12px;
font-weight: bold;
}
.aa {
background-image: url(image/xxbg_aa.gif);
background-repeat: no-repeat;
float: left;
width: 50px;
height: 28px;
font-size: 12px;
color: #000000;
padding-top: 10px;
padding-left: 45px;
font-weight: bold;
line-height: 20px;
}
.bb {
background-image: url(image/xxbg_bb.gif);
background-repeat: no-repeat;
float: left;
width: 50px;
height: 28px;
font-size: 12px;
color: #000000;
padding-top: 10px;
padding-left: 45px;
font-weight: bold;
line-height: 20px;
}
.cc {
background-image: url(image/xxbg_cc.gif);
background-repeat: no-repeat;
float: left;
width: 51px;
height: 28px;
font-size: 12px;
color: #000000;
padding-top: 10px;
padding-left: 45px;
font-weight: bold;
line-height: 20px;
}
.dd {
background-image: url(image/xxbg_dd.gif);
background-repeat: no-repeat;
float: left;
width: 51px;
height: 28px;
font-size: 12px;
color: #000000;
padding-top: 10px;
padding-left: 45px;
font-weight: bold;
line-height: 20px;
}
#zhong #zb #sys {
background-image: url(image/sysbg_01.gif);
background-repeat: repeat-x;
height: 27px;
background-position: 0px -1px;
font-size: 12px;
font-weight: bold;
color: #3E6444;
padding-top: 4px;
padding-left: 20px;
line-height: 20px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #80AB73;
}
#zhong #zb #sys2 {
background-image: url(image/sysbg_01.gif);
background-repeat: repeat-x;
height: 27px;
font-size: 12px;
font-weight: bold;
color: #3E6444;
padding-top: 4px;
padding-left: 20px;
line-height: 20px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #80AB73;
}
#zhong #zb #leftMenu {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #80AB73;
clear: both;
}
#zhong #zb #leftMenu ul {
margin-right: 10px;
margin-left: 10px;
/*background-image: url(image/mun_bg.gif);*/
background-repeat: no-repeat;
margin-top: 0px;
}
#leftMenuPic{
position:absolute;
clear: both;
}
#zhong #zb #leftMenu li {
font-size: 12px;
line-height: 31px;
padding-left: 30px;
}
#zhong #zb #ot {
font-size: 12px;
padding: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #80AB73;
height: 210px;
}
#zhong #zb #ot {
font-size: 12px;
padding: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #80AB73;
height: 210px;
}
#zhong #content{
width:790px;
height:100%;
float:left;
margin: auto;
background-image: url(image/f2_10.gif);
background-repeat: repeat-x;
background-position: top;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#zhong #content #sm {
height: 60px;
font-size: 14px;
font-weight: bold;
color: #124313;
padding-top: 14px;
padding-left: 10px;
}
#zhong #content #sm span {
font-size: 12px;
font-weight: bold;
margin-left: 30px;
}
#zhong .content{
width:700px;
height:100%;
display:none;
padding:5px;
overflow-y:auto;
line-height:30px;
background-color: #FFFFFF;
}
#zhong .content1 {
width:500px;
height:490px;
display:block;
padding:5px;
overflow-y:auto;
line-height:30px;
}
#footer{
width:100%;
height:26px;
background-color:#FFFFFF;
line-height:20px;
text-align:center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-image: url(images/h2bg.gif);
background-repeat: repeat-x;
}
/**/
-->
</style>
</head>
<body>
<div id=top>
<div id=logo><img src=
非常好看的htm后台管理系统模板源码
4星 · 超过85%的资源 需积分: 16 139 浏览量
2010-11-23
12:13:47
上传
评论
收藏 1.42MB RAR 举报 
非常好看的htm后台管理系统模板源码 （120个子文件） 
userleft.ascx 1KB userleft.ascx 1KB userleft.ascx 1KB userleft.ascx 1KB userleft.ascx 1KB userleft.ascx 1KB top_top.asp 189B updatearticle.aspx 4KB articleadd.aspx 4KB updateclass.aspx 4KB addclass.aspx 4KB addpicture.aspx 4KB addguanggao.aspx 4KB articlemanager.aspx 3KB boarderinfo.aspx 3KB classmanager.aspx 3KB guanggaomanager.aspx 3KB picturemanager.aspx 3KB baseinfo.aspx 3KB Default.aspx 2KB updateguanggao.aspx 2KB updatepicture.aspx 2KB updateboardmanage.aspx 2KB boardmanage.aspx 2KB
16.BMP 297KB 44.BMP 297KB 3.BMP 297KB 30.BMP 297KB 28.BMP 297KB 7.BMP 297KB Web.Config 2KB updatearticle.aspx.cs 8KB baseinfo.aspx.cs 7KB articleadd.aspx.cs 4KB oledata.cs 3KB updateguanggao.aspx.cs 3KB updatepicture.aspx.cs 3KB addguanggao.aspx.cs 3KB addpicture.aspx.cs 3KB picturemanager.aspx.cs 3KB updateclass.aspx.cs 3KB updateboardmanage.aspx.cs 3KB classmanager.aspx.cs 3KB guanggaomanager.aspx.cs 2KB articlemanager.aspx.cs 2KB boardmanage.aspx.cs 2KB Default.aspx.cs 2KB addclass.aspx.cs 2KB boarderinfo.aspx.cs 2KB userleft.ascx.cs 439B userleft.ascx.cs 435B userleft.ascx.cs 435B userleft.ascx.cs 435B userleft.ascx.cs 434B userleft.ascx.cs 434B skin.css 4KB amcss.css 4KB style.css 2KB css.css 1KB Thumbs.db 73KB Thumbs.db 56KB Thumbs.db 39KB Thumbs.db 12KB
title.gif 4KB title.gif 3KB titles.gif 3KB 126_f2.gif 2KB menu.gif 2KB admin_left_1.gif 2KB admin_left_9.gif 2KB online2.gif 2KB f1_03.gif 2KB mun_bg.gif 2KB xxbg_dd.gif 2KB xxbg_cc.gif 2KB xxbg_bb.gif 2KB xxbg_aa.gif 2KB 126logo_tsp.gif 1KB admin_left_2.gif 1KB inputbg_02.gif 1KB tabbg1.gif 1005B f2_10.gif 898B 126_f2_01.gif 897B sysbg_01.gif 883B icon01.gif 832B off.gif 828B index_22.gif 787B tabbg2.gif 653B index_18.gif 367B index_23.gif 235B index_20.gif 234B index_16.gif 179B p_4.GIF 161B p_3.GIF 160B p_6.GIF 153B p_5.GIF 150B index_19.gif 110B index_21.gif 106B graph.gif 66B inputbg_01.gif 54B共 120 条
- 1
- 2
- 1
- 2
- 3
- 4
前往页