<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");
没有合适的资源?快使用搜索试试~ 我知道了~
2010年最经典漂亮通用的html后台模板
共35个文件
jpg:12个
gif:11个
html:9个
2星 需积分: 10 35 下载量 97 浏览量
2010-02-26
14:05:30
上传
评论
收藏 34KB RAR 举报
温馨提示
2010年最经典漂亮通用的html后台模板 有选项卡页面模板、登陆页面模板、首页模板
资源推荐
资源详情
资源评论
收起资源包目录
漂亮的通用后台模板.rar (35个子文件)
漂亮的通用后台模板
test.html 11KB
css
common.css 5KB
chanagepass.html 412B
topframe.html 1001B
switchframe.html 1KB
leftframe.html 3KB
mainframe.html 2KB
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
js
nav.js 905B
profile.html 416B
index.html 1KB
manframe.html 1KB
共 35 条
- 1
资源评论
- Ibanze2014-04-22确实没什么用
- 几点几点思考2012-05-25就一个模板,而且还不怎么样。
ilnat
- 粉丝: 38
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功