网上收集的漂亮的后台模板(采用框架)资源-CSDN文库

共36个文件

jpg：12个

gif：11个

html：9个

5星 · 超过95%的资源需积分: 50 88 浏览量 2009-03-21 23:27:27 上传评论收藏 34KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

.rar （36个子文件）

漂亮的通用后台

test.html 11KB

css

common.css 5KB

chanagepass.html 412B

topframe.html 1001B

switchframe.html 1KB

leftframe.html 3KB

mainframe.html 2KB

Thumbs.db 3KB

images

slide.gif 95B

manage_r5_c1.jpg 302B

return.gif 211B

manage_r2_c14.jpg 635B

switch_right.gif 70B

down_list.gif 170B

direct_blue.gif 64B

up_list.gif 167B

manage_r9_c1.jpg 322B

manage_r3_c11.jpg 293B

manage_r2_c18.jpg 305B

nav_bg.jpg 315B

man_logo.jpg 4KB

list_title.gif 635B

direct.gif 68B

Thumbs.db 29KB

manage_r2_c1.jpg 2KB

manage_r7_c2.jpg 719B

hi.gif 352B

left_nav_bg.jpg 322B

manage_r2_c13.jpg 663B

switch_left.gif 70B

manage_r6_c2.jpg 612B

list_title_onclick.gif 627B

nav.js 905B

profile.html 416B

index.html 1KB

manframe.html 1KB

<HTML> <HEAD> <TITLE>outlook菜单</TITLE> <META http-equiv=content-type content=text/html;charset=gb2312> <style> .outlook-title {}{ border:1px outset; background-color:buttonface; color:black; text-align:center; cursor:hand; font-size:9pt; } .outlook-item {}{ padding:2px; font-size:9pt; } a.outlook-item:hover {}{ color:blue; } </style> </HEAD> <BODY style="MARGIN: 0px" text=black vLink=white aLink=white link=white scroll=no> <table height="100%" width="100%" border=0 cellpadding=0 cellspacing=0> <tr><td width="140"> <TABLE style="WIDTH: 140px; HEIGHT: 100%" cellSpacing=0 cellPadding=0 bgColor=#aca899 border=1 hspace="0" vspace="0"> <TR> <TD id=outLookBarShow style="HEIGHT: 100%" align=middle name="outLookBarShow"> <div id="o1" style="height:100%;"></div> </td> </tr> </table> </td><td><iframe id="frm" name="frm" width="100%" height="100%" frameborder=0></iframe></td></tr> </table> <SCRIPT LANGUAGE="JavaScript"> <!-- /**//**//**//* ** ================================================================================================== ** 类名：CLASS_OUTLOOKBAR ** 功能：OUTLOOK菜单 ** 示例： --------------------------------------------------------------------------------------------------- var o = new CLASS_OUTLOOKBAR(); o.addTitle("工作安排"); o.addTitle("通告信息"); o.addTitle("管理制度"); o.addTitle("系统管理"); o.addItem(0,"今日安排","frm","http://www.google.com"); o.addItem(0,"工作任务","frm","http://baidu.com"); o.addItem(1,"报社通知","frm","http://www.itpub.net/forum6.html",null); o.setupById("o1"); //定义需要安装的DIV <div id="o1" style="height:100%;"></div> --------------------------------------------------------------------------------------------------- ** 作者：ttyp ** 邮件：ttyp@21cn.com ** 日期：2005-12-1 ** 版本：0.2 ** ================================================================================================== */ function CLASS_OUTLOOKBAR(id,name) { var THIS1 = this; this.id = getUnique(id); this.name = getUnique(name); this.width = "140"; this.height = "100%"; this.titles = new Array(); function getUnique(p){ if(p!=null){ return p; } else { return "outlook_" + new Date().getTime() + "_"; } } this.addTitle = function(name){ function title(name){ var THIS2 = this; this.name = name; this.items = new Array(); this.addItem = function(name,target,url,image,align){ function item(name,target,url,image,align){ this.name = name; this.image = image; this.target = target; this.url = url; this.align = align; } var _item = new item(name,target,url,image,align); THIS2.items[THIS2.items.length] = _item; return _item; } } var _title = new title(name); this.titles[this.titles.length] = _title; return _title; } this.step = 4; this.speed = 10; this.selectedIndex = 0; this.timer = 0; this.rate = 100; this.run = false; this.wait = new Array(); this.select = function(index){ if(this.selectedIndex!=index){ if(this.run==false){ this.rate = 100; this.run = true; this.timer = window.setInterval(function(){ THIS1.rate-= THIS1.step; var oldI = document.getElementById(THIS1.id + THIS1.selectedIndex).nextSibling; var newI = document.getElementById(THIS1.id + index).nextSibling; var ooI = oldI.childNodes[0].childNodes[0]; var nnI = newI.childNodes[0].childNodes[0]; oldI.style.display = ""; newI.style.display = ""; if(THIS1.rate<0){ window.clearInterval(THIS1.timer); THIS1.timer = 0; ooI.style.overflow="auto"; nnI.style.overflow = "auto"; oldI.style.display = "none"; THIS1.run = false; THIS1.selectedIndex = index; if(THIS1.wait.length>0){ THIS1.select(THIS1.wait[0]); THIS1.wait = THIS1.wait.slice(1,-1); } } else { ooI.style.overflow = "hidden"; nnI.style.overflow = "hidden"; oldI.style.height = THIS1.rate +"%"; newI.style.height = (100 - THIS1.rate) + "%"; } },this.speed); }else{ this.wait[this.wait.length] = index; } } } this.setup = function(contain){ if(contain!=null){ var table = document.createElement("table"); table.style.width = "100%"; table.style.height = "100%"; table.cellPadding = "0px"; table.cellSpacing = "0px"; table.style.border = "0px solid red"; table.bgColor = "#aca899"; function getItem(width,height,display,title){ var tris = document.createElement("tr"); var tdis = document.createElement("td"); tdis.style.width = width; tris.style.height = height; tris.style.display = display; tdis.className = "outlook-item"; tdis.style.verticalAlign = "top"; if(title!=null&&typeof(title.items)!="undefined"){ var vv = document.createElement("div"); vv.style.overflow = "auto"; vv.style.height = "100%"; vv.style.width = "100%"; for(var i=0;i<title.items.length;i++){ var div = document.createElement("div"); div.style.textAlign = "center"; div.style.height = "24px"; div.style.paddingTop = "4px"; if(title.items[i].image!=null){ var img = document.createElement("img"); img.src = title.items[i].image; div.appendChild(img); if(typeof(title.items[i].align)!="undefined"&&title.items[i].align==1){ var lbl = document.createElement("label"); lbl.innerHTML = "<br>"; div.appendChild(lbl); } } var a = document.createElement("a");

评论收藏

内容反馈