Posted on 2007-10-23 10:08
草 鞋 閱讀(374)
評論(0) 編輯 收藏 所屬分類:
JavaScript
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<TITLE>菜單</TITLE>
<SCRIPT language=JavaScript>
var headHeight = 22;var bodyHeight =300;var objcount = 4;var step = 20;var moving = false;
function showme(obj1, obj2)
{
if (moving)
return;
moving = true;
for(i=0;i<document.all.tags('td').length;i++)
if (document.all.tags('td')[i].className.indexOf('headtd') == 0)
document.all.tags('td')[i].className = 'headtd1';
obj2.className = 'headtd2';
moveme(obj1);
}
function moveme(obj)
{
idnumber = parseInt(obj.id.substr(4));
objtop = headHeight * (idnumber - 1);
objbuttom = bodyHeight + headHeight * (idnumber - 2);
currenttop = parseInt(obj.style.top);
if (currenttop >= objbuttom)
{
countid = 1;
for(i=0;i<document.all.tags('div').length;i++)
if (document.all.tags('div')[i].id == 'item'+countid+'body')
{
obj = document.all.tags('div')[i];
objtop = headHeight * (countid - 1);
if (countid == idnumber)
{
moveup(obj,objtop,false);
break;
}
else
moveup(obj,objtop,true);
countid++;
}
}
else if ((currenttop <= objtop) && (idnumber < objcount))
{
idnumber++;
countid = objcount;
for(i=document.all.tags('div').length-1;i>=0;i--)
if (document.all.tags('div')[i].id == 'item'+countid+'body')
{
obj = document.all.tags('div')[i];
objbuttom = bodyHeight + headHeight * (countid - 2);
if (countid == idnumber)
{
movedown(obj,objbuttom,false);
break;
}
else
movedown(obj,objbuttom,true);
countid--;
}
}
}
function moveup(obj,objtop,ismove)
{
currenttop = parseInt(obj.style.top);
if (currenttop > objtop)
{
obj.style.top = currenttop - step;
setTimeout('moveup('+obj.id+','+objtop+','+ismove+')',1)
return;
}
moving = ismove;
}
function movedown(obj,objbuttom,ismove)
{
currenttop = parseInt(obj.style.top);
if (currenttop < objbuttom)
{
obj.style.top = currenttop + step;
setTimeout('movedown('+obj.id+','+objbuttom+','+ismove+')',1)
return;
}
moving = ismove;
}
</SCRIPT>
<STYLE type=text/css>.headtd1 {
BORDER-RIGHT: #c6eae6 2px outset; BORDER-TOP: #c6eae6 2px outset; FONT-SIZE: 9pt; BACKGROUND: #7ac6be; BORDER-LEFT: #c6eee6 2px outset; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #c6eae6 2px outset
}
.headtd2 {
BORDER-RIGHT: #c6eaea 2px outset; BORDER-TOP: #bae6e2 2px outset; FONT-SIZE: 9pt; BACKGROUND: #a6dad6; BORDER-LEFT: #c2eee6 2px outset; CURSOR: hand; BORDER-BOTTOM: #bae6e2 2px outset
}
.bodytd {
BORDER-RIGHT: #f0f0f0 2px; BORDER-TOP: #f0f0f0 2px; FONT-SIZE: 9pt; BORDER-LEFT: #f0f0f0 2px; BORDER-BOTTOM: #f0f0f0 2px; BACKGROUND-COLOR: #f0f0f0
}
TD {
FONT-SIZE: 9pt
}
BODY {
FONT-SIZE: 9pt; MARGIN: 0px
}
A {
FONT-SIZE: 9pt; COLOR: #0066cc; TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 9pt; COLOR: #990000
}
.style1 {
COLOR: #000000
}
.pos {
POSITION: relative
}
</STYLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"></HEAD>
<body>
<strong><DIV id=mainboard
style="Z-INDEX: 1; LEFT: 4px; OVERFLOW: hidden; WIDTH: 160px; POSITION: relative; TOP: 0px; HEIGHT: 366px">
<DIV id=item1body
style="Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; WIDTH: 160px; POSITION: absolute; TOP: 0px; HEIGHT: 300px">
<TABLE height="100%" cellSpacing=0 cellPadding=2
width="100%" border=0>
<TBODY>
<TR>
<TD class=headtd1 id=item1head
onclick=showme(item1body,this) align=center
height=20>部門結(jié)構(gòu)及職責(zé)</TD></TR>
<TR>
<TD class=bodytd vAlign=top align=center>
<TABLE cellSpacing=1 cellPadding=1 width="99%"
border=0>
<TBODY>
<TR>
<TD align=center height=30><A class=style1
onclick="gotoURL('content1.html')"
href="file:///C:/Documents%20and%20Settings/cicro/桌面/bbbm.html#">部門結(jié)構(gòu)及職責(zé)1</A></TD></TR>
<TR>
<TD align=center height=30><A
onclick="gotoURL('content2.html')"
href="file:///C:/Documents%20and%20Settings/cicro/桌面/bbbm.html#">部門結(jié)構(gòu)及職責(zé)2</A></TD></TR>
<TR>
<TD align=center height=30><A
onclick="gotoURL
('content1.html')"
href="file:///C:/Documents%20and%20Settings/cicro/桌面/bbbm.html#">部門結(jié)構(gòu)及職責(zé)3</A></TD></TR>
<TR>
<TD align=center height=30><A
onclick="gotoURL
('content1.html')"
href="file:///C:/Documents%20and%20Settings/cicro/桌面/bbbm.html#">部門結(jié)構(gòu)及職責(zé)4</A></TD></TR>
<TR>
<TD align=center height=30><A
onclick="gotoURL
('content1.html')"
href="file:///C:/Documents%20and%20Settings/cicro/桌面/bbbm.html#">部門結(jié)構(gòu)及職責(zé)5</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=item2body
style="Z-INDEX: 3; LEFT: 0px; OVERFLOW: hidden; WIDTH: 160px; POSITION: absolute; TOP: 21px; HEIGHT: 300px">
<TABLE height="100%" cellSpacing=0 cellPadding=2
width="100%" border=0>
<TBODY>
<TR>
<TD class=headtd1 id=item2head
onclick=showme(item2body,this) align=center
height=20>崗位人員及崗位職責(zé) </TD></TR>
<TR>
<TD class=bodytd align=center>
<TABLE height="100%" cellSpacing=1 cellPadding=1
width="99%" border=0>
<TBODY>
<TR>
<TD align=center><A
target=_blank>崗位人員及崗位職責(zé)1</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>崗位人員及崗位職責(zé)2</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>崗位人員及崗位職責(zé)3</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>崗位人員及崗位職責(zé)4</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>崗位人員及崗位職責(zé)5</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>崗位人員及崗位職責(zé)6</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=item3body
style="Z-INDEX: 4; LEFT: 0px; OVERFLOW: hidden; WIDTH: 160px; POSITION: absolute; TOP: 43px; HEIGHT: 300px">
<TABLE height="100%" cellSpacing=0 cellPadding=2
width="100%" border=0>
<TBODY>
<TR>
<TD class=headtd1 id=item3head
onclick=showme(item3body,this) align=center
height=20>年度工作目標(biāo)</TD></TR>
<TR>
<TD class=bodytd align=center>
<TABLE height="100%" cellSpacing=1 cellPadding=1
width="99%" border=0>
<TBODY>
<TR>
<TD align=center><A
target=_blank>年度工作目標(biāo)1</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作目標(biāo)2</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作目標(biāo)3</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作目標(biāo)4</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作目標(biāo)5</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作目標(biāo)6</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=item4body
style="Z-INDEX: 5; LEFT: 0px; OVERFLOW: hidden; WIDTH: 160px; POSITION: absolute; TOP: 65px; HEIGHT: 300px">
<TABLE height="100%" cellSpacing=0 cellPadding=2
width="100%" border=0>
<TBODY>
<TR>
<TD class=headtd1 id=item4head
onclick=showme(item4body,this) align=center
height=20>年度工作思路</TD></TR>
<TR>
<TD class=bodytd align=center>
<TABLE height="100%" cellSpacing=1 cellPadding=1
width="99%" border=0>
<TBODY>
<TR>
<TD align=center><A
target=_blank>年度工作思路1</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作思路2</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作思路3</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作思路4</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作思路5</A></TD></TR>
<TR>
<TD align=center><A
target=_blank>年度工作思路6</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV></strong>
</BODY></HTML>