梦幻式下拉菜单

时间:2021-03-16 人气:0

想了解梦幻式下拉菜单的相关内容吗，在本文为您仔细讲解的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：梦幻式下拉菜单，下面大家一起来学习吧。

<P><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) visibility:hide
}
</STYLE></P>
<P><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>
</head></P>
<P>　
<table border="1" width="13%" bordercolorlight="#000000" bordercolordark="#FFFFFF" bordercolor="#EFEFEF" cellspacing="0">
<tr>
<td width="100%">
<p align="center"><A href="javascript:set_mnu(mnu);">显示菜单</A>
</td>
</tr>
</table>
<DIV id=mnu 
style="HEIGHT: 10px; LEFT: 1px; POSITION: relative; TOP: 1px; VISIBILITY: hidden; WIDTH: 93px; Z-INDEX: 1">
<TABLE border=0 cellPadding=2 cellSpacing=4 width="100%">
<TBODY>
<TR >
<TD align="center" style="border: 1 solid #000000">测试一</TD></TR>
<TR >
<TD align="center" style="border: 1 solid #000000"><a href="#">测试一</a></TD></TR>
<TR >
<TD align="center" style="border: 1 solid #000000"><a href="#">测试一</a></TD></TR>
<TR >
<TD height=13 align="center" style="border: 1 solid #000000"><A href="javascript:window.location='view-source:'+window.location.href" onclick="window.location='view-source:'+window.location.href">查看源文件</A></TD></TR>
</TBODY>
</TABLE>
</DIV>
</P>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容