<!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=gb2312" />
<link rel="stylesheet" href="css/common.css" type="text/css" />
<title>左侧导航栏</title>
</head>
<script type="text/javascript">
var preClassName = "";
function list_sub_detail(Id, item)
{
if(preClassName != "")
{
getObject(preClassName).className = "left_back"
}
if(getObject(Id).className == "left_back")
{
getObject(Id).className = "left_back_onclick";
outlookbar.getbyitem(item);
preClassName = Id
}
}
function getObject(objectId)
{
if(document.getElementById && document.getElementById(objectId))
{
return document.getElementById(objectId)
}
else if(document.all && document.all(objectId))
{
return document.all(objectId)
}
else if(document.layers && document.layers[objectId])
{
return document.layers[objectId]
}
else
{
return false
}
}
function outlook()
{
this.titlelist = new Array();
this.itemlist = new Array();
this.addtitle = addtitle;
this.additem = additem;
this.getbytitle = getbytitle;
this.getbyitem = getbyitem;
this.getdefaultnav = getdefaultnav
}
function theitem(intitle, insort, inkey, inisdefault)
{
this.sortname = insort;
this.key = inkey;
this.title = intitle;
this.isdefault = inisdefault
}
function addtitle(intitle, sortname, inisdefault)
{
outlookbar.itemlist[outlookbar.titlelist.length] = new Array();
outlookbar.titlelist[outlookbar.titlelist.length] = new theitem(intitle, sortname, 0, inisdefault);
return(outlookbar.titlelist.length - 1)
}
function additem(intitle, parentid, inkey)
{
if(parentid >= 0 && parentid <= outlookbar.titlelist.length)
{
insort = "item_" + parentid;
outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length] = new theitem(intitle, insort, inkey, 0);
return(outlookbar.itemlist[parentid].length - 1)
}
else additem = - 1
}
function getdefaultnav(sortname)
{
var output = "";
for(i = 0; i < outlookbar.titlelist.length; i ++ )
{
if(outlookbar.titlelist[i].isdefault == 1 && outlookbar.titlelist[i].sortname == sortname)
{
output += "<div class=list_tilte id=sub_sort_" + i + " onclick=\"hideorshow('sub_detail_"+i+"')\">";
output += "<span>" + outlookbar.titlelist[i].title + "</span>";
output += "</div>";
output += "<div class=list_detail id=sub_detail_" + i + "><ul>";
for(j = 0; j < outlookbar.itemlist[i].length; j ++ )
{
output += "<li id=" + outlookbar.itemlist[i][j].sortname + j + " onclick=\"changeframe('"+outlookbar.itemlist[i][j].title+"', '"+outlookbar.titlelist[i].title+"', '"+outlookbar.itemlist[i][j].key+"')\"><a href=#>" + outlookbar.itemlist[i][j].title + "</a></li>"
}
output += "</ul></div>"
}
}
getObject('right_main_nav').innerHTML = output
}
function getbytitle(sortname)
{
var output = "<ul>";
for(i = 0; i < outlookbar.titlelist.length; i ++ )
{
if(outlookbar.titlelist[i].sortname == sortname)
{
output += "<li id=left_nav_" + i + " onclick=\"list_sub_detail(id, '"+outlookbar.titlelist[i].title+"')\" class=left_back>" + outlookbar.titlelist[i].title + "</li>"
}
}
output += "</ul>";
getObject('left_main_nav').innerHTML = output
}
function getbyitem(item)
{
var output = "";
for(i = 0; i < outlookbar.titlelist.length; i ++ )
{
if(outlookbar.titlelist[i].title == item)
{
output = "<div class=list_tilte id=sub_sort_" + i + " onclick=\"hideorshow('sub_detail_"+i+"')\">";
output += "<span>" + outlookbar.titlelist[i].title + "</span>";
output += "</div>";
output += "<div class=list_detail id=sub_detail_" + i + " style='display:block;'><ul>";
for(j = 0; j < outlookbar.itemlist[i].length; j ++ )
{
output += "<li id=" + outlookbar.itemlist[i][j].sortname + "_" + j + " onclick=\"changeframe('"+outlookbar.itemlist[i][j].title+"', '"+outlookbar.titlelist[i].title+"', '"+outlookbar.itemlist[i][j].key+"')\"><a href=#>" + outlookbar.itemlist[i][j].title + "</a></li>"
}
output += "</ul></div>"
}
}
getObject('right_main_nav').innerHTML = output
}
function changeframe(item, sortname, src)
{
if(item != "" && sortname != "")
{
window.top.frames['mainFrame'].getObject('show_text').innerHTML = sortname + " <img src=images/slide.gif broder=0 /> " + item
}
if(src != "")
{
window.top.frames['manFrame'].location = src
}
}
function hideorshow(divid)
{
subsortid = "sub_sort_" + divid.substring(11);
if(getObject(divid).style.display == "none")
{
getObject(divid).style.display = "block";
getObject(subsortid).className = "list_tilte"
}
else
{
getObject(divid).style.display = "none";
getObject(subsortid).className = "list_tilte_onclick"
}
}
function initinav(sortname)
{
outlookbar.getdefaultnav(sortname);
outlookbar.getbytitle(sortname);
//window.top.frames['manFrame'].location = "manFrame.html"
}
document.write("<script src=js/nav.js></" + "script>");
</script>
<body onload="initinav('管理首页')">
<div id="left_content">
<div id="user_info">欢迎您，<strong>雪松</strong><br />
[<a href="#">系统管理员</a>，<a href="#">退出</a>]</div>
<div id="main_nav">
<div id="left_main_nav"></div>
<div id="right_main_nav"></div>
</div>
</div>
</body>
</html>
漂亮的frame后台页面(带ichart图表)
5星 · 超过95%的资源 需积分: 10 193 浏览量
2013-06-19
11:07:09
上传
评论 1
收藏 60KB ZIP 举报 
frame后台页面(带ichart图表).zip （36个子文件） 
images 
manage_r6_c2.jpg 612B left_nav_bg.jpg 322B
list_title.gif 635B manage_r2_c1.jpg 2KB switch_right.gif 70B direct.gif 68B manage_r9_c1.jpg 322B list_title_onclick.gif 627B man_logo.jpg 4KB hi.gif 352B nav_bg.jpg 315B manage_r5_c1.jpg 302B manage_r2_c18.jpg 305B direct_blue.gif 64B manage_r2_c13.jpg 663B manage_r2_c14.jpg 635B manage_r3_c11.jpg 293B up_list.gif 167B down_list.gif 170B manage_r7_c2.jpg 719B return.gif 211B slide.gif 95B switch_left.gif 70B
Thumbs.db 29KB
topframe.html 1KB js nav.js 905B ichart.1.1.min.js 92KB data.js 3KB mainframe.html 2KB profile.html 416B css common.css 5KB leftframe.html 5KB chanagepass.html 412B index.html 1KB switchframe.html 1KB manframe.html 430B资源评论
oSwoosh2014-07-04iChart不错，界面不算漂亮
chenhongxin2017-09-22总体来说不错，谢谢楼主。
xuesong9913
- 粉丝: 10
- 资源: 20
最新资源
- python-leetcode面试题解之第157题用Read4读取N个字符-题解.zip
- python-leetcode面试题解之第156题上下翻转二叉树-题解.zip
- python-leetcode面试题解之第155题最小栈-题解.zip
- python-leetcode面试题解之第153题寻找旋转排序数组中的最小值-题解.zip
- python-leetcode面试题解之第152题乘积最大子数组-题解.zip
- python-leetcode面试题解之第151题反转字符串中的单词-题解.zip
- python-leetcode面试题解之第150题逆波兰表达式求值-题解.zip
- python-leetcode面试题解之第149题直线上最多的点数-题解.zip
- python-leetcode面试题解之第148题排序链表-题解.zip
- python-leetcode面试题解之第147题对链表进行插入排序-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
