zoukankan
html css js c++ java
OUTLOOK菜单类
<
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
"
);
a.target
=
title.items[i].target;
a.innerHTML
=
title.items[i].name;
a.href
=
title.items[i].url;
div.appendChild(a);
vv.appendChild(div);
}
tdis.appendChild(vv);
}
tris.appendChild(tdis);
return
tris;
}
for
(
var
i
=
0
;i
<
this
.titles.length;i
++
)
{
var
tr
=
document.createElement(
"
tr
"
);
var
td
=
document.createElement(
"
td
"
);
tr.style.height
=
"
25px
"
;
td.style.width
=
"
100%
"
;
td.className
=
"
outlook-title
"
;
td.innerHTML
=
this
.titles[i].name;
tr.id
=
this
.id
+
i;
tr.appendChild(td);
table.appendChild(tr);
if
(i
==
this
.selectedIndex)
{
var
tris
=
getItem(
"
100%
"
,
"
100%
"
,
""
,
this
.titles[i]);
table.appendChild(tris);
}
else
{
var
tri
=
getItem(
"
100%
"
,
"
0%
"
,
"
none
"
,
this
.titles[i]);
table.appendChild(tri);
}
}
if
(
typeof
(contain.outerHTML)
==
"
undefined
"
)
{
contain.appendChild(table);
}
else
{
contain.innerHTML
=
table.outerHTML;
}
//
bind event
for
(
var
i
=
0
;i
<
this
.titles.length;i
++
)
{
var
title
=
document.getElementById(
this
.id
+
i);
if
(title)
{
function
mapping(index)
{
try
{
title.onclick
=
function
()
{THIS1.select(index);}
title.oncontextmenu
=
function
()
{
return
false
;}
title.nextSibling.oncontextmenu
=
function
()
{
return
false
;}
}
catch
(e)
{
}
}
mapping(i);
}
}
}
}
this
.addItem
=
function
(index,name,target,url,image,align)
{
if
(index
>=
0
&&
index
<
this
.titles.length)
{
return
this
.titles[index].addItem(name,target,url,image,align);
}
}
this
.setupById
=
function
(id)
{
var
d
=
document.getElementById(id);
if
(d)
{
this
.setup(d);
}
}
}
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
"
);
//
-->
</
SCRIPT
>
</
BODY
>
</
HTML
>
查看全文
相关阅读:
bzoj3306: 树(dfs序+倍增+线段树)
bzoj1969: [Ahoi2005]LANE 航线规划(树链剖分)
Codeforces 578B. "Or" Game(思维题)
bzoj3251: 树上三角形(思维题)
bzoj2006: [NOI2010]超级钢琴(堆+RMQ)
bzoj4165: 矩阵(堆+hash)
bzoj3007: 拯救小云公主(二分+并查集)
Codeforces 582C. Superior Periodic Subarrays(数学+计数)
Codeforces 585E. Present for Vitalik the Philatelist(容斥)
Codeforces 585D. Lizard Era: Beginning(meet in the middle)
原文地址:https://www.cnblogs.com/qfb620/p/1109534.html
最新文章
Vim配置文件(Vimrc)
【BZOJ】【1178】【APIO2009】convention会议中心
【tyvj五月有奖赛 暨Loi 55 Round #1】
【BZOJ】【3205】【APIO2013】机器人robot
【BZOJ】【1912】【APIO2010】patrol巡逻
【BZOJ】【1177】【APIO2009】Oil
【BZOJ】【3676】【APIO2014】回文串
【BZOJ】【3675】【APIO2014】序列分割
省选杂感
省选加油>_<
热门文章
【BZOJ】【4011】【HNOI2015】落忆枫音
【BZOJ】【4010】【HNOI2015】菜肴制作
【BZOJ】【3613】【HEOI2014】南园满地堆轻絮
【BZOJ】【3164】【HEOI2013】Eden的博弈问题
【BZOJ】【3163】【HEOI2013】Eden的新背包问题
【BZOJ】【4002】【JLOI2015】有意义的字符串
【BZOJ】【4004】【JLOI2015】装备购买
【BZOJ】【4003】【JLOI2015】城池攻占
【BZOJ】【3991】【SDOI2015】寻宝游戏
【BZOJ】【3007】拯救小云公主
Copyright © 2011-2022 走看看