⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 qq菜单.htm

📁 较为详细的介绍了asp自定义的各种函数,方便asp的各种开发.
💻 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 + -