📄 14-7.htm
字号:
<html>
<head>
<title>渐显的菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<STYLE type=TEXT/CSS>
A {
TEXT-DECORATION: none
}
A:hover {
COLOR: #ff9900; TEXT-DECORATION: underline
}
TD {
FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
TH {
FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
BODY {
FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
#mnu {
FILTER: revealTrans(Duration=1.5,Transition=12)
}
</STYLE>
<SCRIPT>
function set_mnu()
{
if (mnu.style.visibility=="hidden") //产生效果和把图层显示
{
mnu.filters.revealTrans.apply();
mnu.style.visibility="visible";
mnu.filters.revealTrans.play();
}
else //隐藏图层和停止效果播放
{
mnu.filters.revealTrans.stop();
mnu.style.visibility="hidden" ;
}
}
</SCRIPT>
<A href="javascript:set_mnu(mnu);">菜单开关</A>
<DIV id=mnu style="HEIGHT: 10px; LEFT: 1px; POSITION: relative; TOP: 1px; VISIBILITY: hidden; WIDTH: 93px; Z-INDEX: 1">
<TABLE border=0 borderColorDark=#ffffff borderColorLight=#000000 cellPadding=2 cellSpacing=1 width="100%" bordercolor="#000000" bgcolor="#000000">
<TBODY>
<TR bgColor=#6699cc>
<TD><A href="http://javascript100.yeah.net"><FONT color=#ffffff>首页</FONT></A></TD>
</TR>
<TR bgColor=#6699cc>
<TD><A href="http://www.163.com"><FONT color=#ffffff>网易</FONT></A></TD></TR>
<TR bgColor=#6699cc>
<TD><A href="http://www.sina.com.cn"><FONT color=#ffffff>新浪</FONT> </A></TD></TR>
<TR bgColor=#6699cc>
<TD height=13><A href="http://www.sohu.com" onclick="window.location='view-source:'+ window.location.href"><font color="#ffffff">搜狐</font></A></TD>
</TR></TBODY></TABLE></DIV>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -