📄 qq菜单.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0037)http://www.fyst.y365.com/wytx/5-2.htm -->
<HTML><HEAD><TITLE>QQ菜单</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
var headHeight = 22;var bodyHeight = 202;var objcount = 4;var step = 10;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: #0077ff 2px outset; BORDER-TOP: #00bbff 2px outset; FONT-SIZE: 9pt; BACKGROUND: #00a4e1; BORDER-LEFT: #00bbff 2px outset; CURSOR: hand; BORDER-BOTTOM: #0077ff 2px outset
}
.headtd2 {
BORDER-RIGHT: #0077ff 2px outset; BORDER-TOP: #60d3ff 2px outset; FONT-SIZE: 9pt; BACKGROUND: #20c1ff; BORDER-LEFT: #60d3ff 2px outset; CURSOR: hand; BORDER-BOTTOM: #0077ff 2px outset
}
.bodytd {
BORDER-RIGHT: #0077ff 2px outset; BORDER-TOP: #b0d8ff 2px outset; FONT-SIZE: 9pt; BACKGROUND: #99ccff; BORDER-LEFT: #b0d8ff 2px outset; BORDER-BOTTOM: #0077ff 2px outset
}
TD {
FONT-SIZE: 9pt
}
BODY {
FONT-SIZE: 9pt
}
A {
FONT-SIZE: 9pt; COLOR: #0066cc; TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 9pt; COLOR: #990000
}
.LeftNavUp {
BORDER-RIGHT: #003399 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #99ccff 2px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px; BORDER-LEFT: #99ccff 2px solid; CURSOR: hand; COLOR: white; LINE-HEIGHT: 14pt; PADDING-TOP: 0px; BORDER-BOTTOM: #003399 2px solid; FONT-FAMILY: 宋体; LETTER-SPACING: -0.5pt; HEIGHT: 0pt; BACKGROUND-COLOR: #0099ff; TEXT-DECORATION: none
}
.LeftNavOff {
}
</STYLE>
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff>
<DIV id=mainboard style="Z-INDEX: 1; BACKGROUND: #99ccff; LEFT: 2px; OVERFLOW: hidden; WIDTH: 120px; POSITION: absolute; TOP: 2px; HEIGHT: 268px">
<DIV id=item1body style="Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; WIDTH: 120px; POSITION: absolute; TOP: 0px; HEIGHT: 202px">
<TABLE height="100%" cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD class=headtd2 id=item1head onclick=showme(item1body,this) align=middle
height=20>菜单1</TD></TR>
<TR>
<TD class=bodytd align=middle>
<TABLE height="100%" cellSpacing=1 cellPadding=1 width="99%" border=0>
<TBODY>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
</TBODY></TABLE>
</TD></TR>
</TBODY></TABLE>
</DIV>
<DIV id=item2body style="Z-INDEX: 3; LEFT: 0px; OVERFLOW: hidden; WIDTH: 120px; POSITION: absolute; TOP: 202px; HEIGHT: 202px">
<TABLE height="100%" cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD class=headtd1 id=item2head onclick=showme(item2body,this) align=middle
height=20>菜单2</TD></TR>
<TR>
<TD class=bodytd align=middle>
<TABLE height="100%" cellSpacing=1 cellPadding=1 width="99%" border=0>
<TBODY>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
<TR>
<TD align=middle bgColor=#d9ecff onmouseover="this.className='LeftNavUp'" onmouseout="this.className='LeftNavOff'">
<A href="#" target=_blank>子菜单子菜单</A></TD></TR>
</TBODY></TABLE>
</TD></TR>
</TBODY></TABLE>
</DIV>
<DIV id=item3body style="Z-INDEX: 4; LEFT: 0px; OVERFLOW: hidden; WIDTH: 120px; POSITION: absolute; TOP: 224px; HEIGHT: 202px">
<TABLE height="100%" cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD class=headtd1 id=item3head onclick=showme(item3body,this) align=middle
height=20>菜单3</TD></TR>
<TR>
<TD class=bodytd
align=middle>自己在这里随便<BR>添加点什么都可以</TD></TR></TBODY></TABLE></DIV>
<DIV id=item4body style="Z-INDEX: 5; LEFT: 0px; OVERFLOW: hidden; WIDTH: 120px; POSITION: absolute; TOP: 246px; HEIGHT: 202px">
<TABLE height="100%" cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD class=headtd1 id=item4head onclick=showme(item4body,this) align=middle height=20>
菜单4</TD></TR>
<TR>
<TD class=bodytd align=middle>自己在这里随便<BR>添加点什么都可以
</TD></TR>
</TBODY></TABLE>
</DIV>
</DIV>
</BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -