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

渐显的导航菜单

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

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
把如下代码加入<body>区域中
<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>

<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=1 borderColorDark=#ffffff 
                  borderColorLight=#000000 cellPadding=2 cellSpacing=0 
                  width="100%">
                    <TBODY>
                    <TR bgColor=#6699cc>
                      <TD><A href="http://www.1stscript.com"><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="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>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

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

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

渐显的导航菜单

相关资料更多>

推荐阅读更多>