导航菜单渐显效果-JS特效-爱易网页

导航菜单渐显效果

日期：2014-05-18　浏览次数：20315 次

以下是程序代码

<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>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<SCRIPT>
function set_mnu()
{//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
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" ;
	}
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</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=1 borderColorDark="#ffffff" borderColorLight="#000000" cellPadding="2" cellSpacing="0" width="100%">
<TBODY>
<TR bgColor="#6699cc">
<TD><A href="http://www.zzjs.net"><FONT color="#ffffff">站长特效网</FONT></A></TD></TR>
<TR bgColor="#6699cc">
<TD><A href="http://zzjs.net/?cat=1"><FONT color="#ffffff">zzjs</FONT></A></TD></TR>
<TR bgColor="#6699cc">
<TD><A href="http://zzjs.net/?cat=2"><FONT color="#ffffff">网页特效</FONT></A></TD></TR>
<TR bgColor="#6699cc">
<TD height="13"><A href="javascript:window.location='view-source:'+window.location.href" onclick="window.location='view-source:'+window.location.href"><FONT color="#ffffff">看看这页的代码</FONT></A></TD></TR>
</TBODY>
</TABLE>
</DIV>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

导航菜单渐显效果

相关资料更多>

推荐阅读更多>