0顶

渐显的导航菜单

稿源：互联网 2022-04-07 00:46:22 点击： 658 撤稿纠错

导航菜单逐渐显示效果，可根据自己需求自定义导航菜单选项。

以下讨论的是和导航菜单相关的渐显的导航菜单教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<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.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于渐显的导航菜单的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719242.shtml方便下次再访问哦。

·上一篇： 又一右键入导航
·下一篇： 互换导航条

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

渐显的导航菜单

文章分类LIST >>返回首页

最新游戏

最新新闻