📄 用dhtml来模拟实现下拉菜单.mht
字号:
From: <由 Microsoft Internet Explorer 5 保存>
Subject: =?gb2312?B?08NESFRNTMC0xKPE4sq1z9bPwsCtssu1pQ==?=
Date: Wed, 15 Sep 2004 14:59:24 +0800
MIME-Version: 1.0
Content-Type: text/html;
charset="gb2312"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.pcimg.com/code/javascript/article/menu/25.htm
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2800.1106
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>=D3=C3DHTML=C0=B4=C4=A3=C4=E2=CA=B5=CF=D6=CF=C2=C0=AD=B2=
=CB=B5=A5</TITLE>
<META http-equiv=3DContent-Type content=3D"text/html; charset=3Dgb2312">
<META content=3D"MSHTML 6.00.2800.1264" name=3DGENERATOR></HEAD>
<BODY bgColor=3D#ffffff>
<TABLE cellSpacing=3D0 cellPadding=3D0 width=3D680 align=3Dcenter =
border=3D0>
<TBODY>
<TR>
<TD =
align=3Dmiddle><BR><B>=D3=C3DHTML=C0=B4=C4=A3=C4=E2=CA=B5=CF=D6=CF=C2=C0=AD=
=B2=CB=B5=A5</B> </TD></TR></TBODY></TABLE>
<TABLE cellSpacing=3D0 cellPadding=3D10 width=3D680 align=3Dcenter =
border=3D0>
<TBODY>
<TR>
<TD class=3Dmid> =20
=
=CE=D2=D4=DA=D0=ED=B6=E0=B5=C4=CD=F8=D5=BE=C9=CF=BF=B4=B5=BD=C9=CF=C3=E6=B6=
=BC=D3=D0=CF=C2=C0=AD=B2=CB=B5=A5=B5=C4,=CA=B9=B5=C3=CD=F8=D5=BE=B8=FC=E8=
=F2=E8=F2=C8=E7=C9=FA=C1=CB!=CF=F3=CE=A2=C8=ED=B5=C4=D6=F7=D2=B3,=BA=F3=C0=
=B4=CE=D2=CF=EB=BC=D9=C8=E7=B5=A5=D3=C3div=BA=CDJAvascript=CA=C7=B7=F1=D2=
=B2=C4=DC=CA=B5=CF=D6=C1=CB,=CD=A8=B9=FD=BC=B8=B4=CE=CA=B5=D1=E9=D2=B2=D7=
=DC=D3=DA=B3=C9=B9=A6=C1=CB,=CF=D6=D4=DA=B0=D1=D7=D4=BC=BA=CF=EB=B7=A8=B8=
=E6=CB=DF=B4=F3=BC=D2,=CF=A3=CD=FB=B4=F3=BC=D2=CD=F8=D2=B3=D2=B2=BC=D3=C9=
=CF=CF=C2=C0=AD=B2=CB=B5=A5=CA=B9=CD=F8=D2=AF=B8=FC=C9=FA=B6=AF.=20
=
<BR> =D2=D4=C7=B0DOS=CF=C2=B1=E0=D0=B4=D3=A6=D3=C3=B3=CC=D0=F2=
=B6=BC=D2=AA=C3=E6=C1=D9=D7=C5=BD=E7=C3=E6=B1=E0=D0=B4=B5=C4,=CF=F3=B2=CB=
=B5=A5=D5=E2=D0=A9=B6=AB=CE=F7=D2=B2=D2=AA=D7=D4=BC=BA=B4=D3=CD=B7=B5=BD=CE=
=B2=B6=BC=D2=AA=D7=D4=BC=BA=B1=E0=B5=C4,=B5=BD=C1=CBwin=CA=B1=B4=FA,=CD=A8=
=B9=FD=CA=C2=BC=FE=C7=FD=B6=AF=CE=D2=C3=C7=BE=CD=BA=DC=C8=DD=D2=D7=B1=E0=D0=
=B4=C1=CB,=BA=CE=BF=F6=B2=CB=B5=A5=BC=AF=B3=C9=B5=BD=CF=B5=CD=B3=C0=EF=C1=
=CB,=D4=DAIE=CF=C2=B1=E0=D0=B4=B2=CB=B5=A5=D2=B2=CA=C7=BB=F9=D3=DA=CD=A8=B9=
=FD=B2=B6=BB=F1=CA=F3=B1=EA=CA=C2=BC=FE=C0=B4=CF=EC=D3=A6=B2=CB=B5=A5=CF=C2=
=C0=AD=BA=CD=D2=FE=B2=D8=B5=C4,=20
=
<BR> =CE=D2=C3=C7=CA=D7=CF=C8=D2=AA=D3=C3=B1=ED=B8=F1=C0=B4=CF=
=D4=CA=BE=B2=CB=B5=A5=CC=F5, <BR><table> <BR><tr>=20
<BR> <td height=3D"9" width=3D"100" =
align=3Dcenter=20
=
bgcolor=3D"#33FFFF" onmouseover=3D"showmenu(menuwenxue)">menu1<=
;/td>=20
<BR> <td height=3D"9" width=3D"100" =
align=3Dcenter=20
=
bgcolor=3D"#33FFFF" onmouseover=3D"showmenu(menuxuexi)">menu1<=
/td>=20
<BR><tr> <BR><table> =
<BR><div id=3D"menuwenxue"=20
style=3D"position:absolute; width:90px; height:115px; z-index:1; =
left:=20
245px; top: 75px; visibility: hidden"=20
onmouseout=3D"hidemenu(menuwenxue)"> <BR> <table =
width=3D"100%"=20
height=3D"100%" border=3D"0" cellspacing=3D"0" cellpadding=3D"0"=20
onmouseout=3D"hidemenu(menuwenxue)"> <BR> <tr> =
<BR> <td height=3D"10" class=3D"menufont"=20
onmouseover=3D"showmenu(menuwenxue)">&nbsp;</td>=20
<BR> </tr> <BR> <tr>=20
<BR> <td height=3D"28" align=3Dcenter =
class=3D"menufont"=20
bgcolor=3D#ff00ff onmouseover=3D"showmenu(menuwenxue)"><a=20
=
href=3D"JavaScript:alert('menu1_item1')">menu1_item1</a></td&=
gt;=20
<BR> </tr> <BR> <tr>=20
<BR> <td height=3D"31" =
align=3Dcenter bgcolor=3D#ff00ff=20
onmouseover=3D"showmenu(menuwenxue)"><a=20
=
href=3D"JavaScript:alert('menu1_item2')">menu1_item2</a></td&=
gt;=20
<BR> </tr> <BR> <tr>=20
<BR> <td height=3D"30" align=3Dcenter =
bgcolor=3D#ff00ff=20
onmouseover=3D"showmenu(menuwenxue)"><a=20
=
href=3D"JavaScript:alert('menu1_item3')">menu1_item3</a></td&=
gt;=20
<BR> </tr> <BR> </table> =
<BR></div>=20
<BR><BR><div id=3D"menuxuexi" style=3D"position:absolute; =
width:90px;=20
height:115px; z-index:1; left: 340px; top: 75px; visibility: =
hidden"=20
onmouseout=3D"hidemenu(menuxuexi)"> <BR> <table =
width=3D"100%"=20
height=3D"100%" border=3D"0" cellspacing=3D"0" cellpadding=3D"0"=20
onmouseout=3D"hidemenu(menuxuexi)"> <BR> <tr>=20
<BR> <td=20
=
height=3D"10" onmouseover=3D"showmenu(menuxuexi)">&nbsp;</=
td>=20
<BR> </tr> <BR> <tr>=20
<BR> <td height=3D"27" align=3Dcenter =
bgcolor=3D#ff00ff=20
onmouseover=3D"showmenu(menuxuexi)"><a=20
=
href=3D"JavaScript:alert('menu2_item2')">menu2_item1</a></td&=
gt;=20
<BR> </tr> <BR> <tr>=20
<BR> <td height=3D"31" align=3Dcenter =
bgcolor=3D#ff00ff=20
onmouseover=3D"showmenu(menuxuexi)"><a=20
=
href=3D"JavaScript:alert('menu2_item2')">menu2_item2</a></td&=
gt;=20
<BR> </tr> <BR> <tr>=20
<BR> <td height=3D"30" align=3Dcenter =
bgcolor=3D#ff00ff=20
onmouseover=3D"showmenu(menuxuexi)"><a=20
=
href=3D"JavaScript:alert('menu2_item3')">menu2_item3</a></td&=
gt;=20
<BR> </tr> <BR> </table> =
<BR></div>=20
<BR><Script language=3D"JavaScript"> <BR><!-- =
<BR>function=20
showmenu(menu){ <BR>if(menushow)=20
<BR> menushow.style.visibility=3D"hidden" =20
<BR> menushow=3Dmenu =
<BR> menu.style.visibility=3D"visible" <BR>}=20
<BR>function hidemenu(menu){ =
<BR> menu.style.visibility=3D"hidden"=20
<BR>} <BR>function hideshow() <BR>{ <BR>if(menushow) <BR> =20
menushow.style.visibility=3D"hidden" <BR>} <BR>--> =
<BR></script>=20
<BR><BR>--> <BR></script>=20
=
<BR>=C9=CF=C3=E6=CA=C7=CE=D2=B4=D3=B5=F7=CA=D4=B4=FA=C2=EB=C9=CF=BD=D8=CF=
=C2=C0=B4=B5=C4,=D2=AA=CF=EB=B5=C3=B5=BD=BA=C3=BF=B4=B5=C4=BD=E1=B9=FB=D0=
=E8=D2=AA=B8=C4=B1=E4=D2=BB=CF=C2=CE=BB=D7=D3=B9=D8=CF=B5=B5=C4,=B5=B1=C8=
=BB=BB=B9=D2=AA=D7=A2=D2=E2=D2=BB=CF=C2=CA=F3=B1=EA=D2=C6=B6=AF=CA=B1=BA=F2=
=CA=C7=B7=F1=B2=CB=B5=A5=BB=E1=B3=F6=CF=D6=D2=EC=B3=A3=CF=D6=CF=F3=B5=C4,=
=B5=B1=C8=BB=D5=E2=D0=A9=B6=BC=BF=C9=D2=D4=CD=A8=B9=FD=BC=D3=D2=BB=D0=A9=B4=
=FA=C2=EB=C0=B4=BD=E2=BE=F6=B5=C4,=D6=F7=D2=AA=CA=C7=CA=F3=B1=EA=D2=C6=B3=
=F6=B2=CB=B5=A5=CD=E2,=B2=CB=B5=A5=B2=BB=BB=E1=CF=FB=CA=A7=B5=C4,=BF=C9=D2=
=D4=D4=DA=C6=E4=CB=FC=B5=C4=B6=D4=CF=F3=BD=D8=C8=A1onmouseover=CA=C2=BC=FE=
=C0=B4=D2=FE=B2=D8=B2=CB=B5=A5=B5=C4!=20
<BR></TD></TR></TBODY></TABLE><BR></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -