非常流行的隐藏导航栏_导航菜单特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 导航菜单特效 >> 非常流行的隐藏导航栏	查看此特效演示

非常流行的隐藏导航栏

把如下代码复制到<head>与</head>之间

把如下代码复制到<body>与</body>之间

<LAYER class=NS onmouseout="move(-132, 0)" 
onmouseover="move(132, 0)" left="0" bgcolor="black" name="object1" top="20" 
visibility="hide">
<SCRIPT language=JavaScript1.2>
if (document.all)
document.write('<DIV ID="object1" style="Position : Absolute ;Left : -82px ;Top : 20px ;Width : 0px ;Z-Index : 20">')
</SCRIPT>

<TABLE bgColor=#000000 border=0 cellPadding=2 cellSpacing=1 
onmouseout="move(-82, 0)" onmouseover=move(82,0) width=100>
  <TBODY>
  <TR>
    <TD bgColor=#009900><FONT face=宋体 size=3><B>导航菜单</B></FONT></TD>
    <TD align=middle bgColor=#006600 rowSpan=100 width=12>
      <SCRIPT language=JavaScript1.2>
if (document.all||document.layers)
document.write('<p align="center"><font size="2" face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<br>U</font></p>')
</SCRIPT>
    </TD></TR>
  <SCRIPT language=JavaScript1.2>
<!--
if (document.all||document.layers)
makeStatic();

if (document.layers) {
window.onload=position;
}

var sitems=new Array();
var sitemlinks=new Array();

// 配置以下

sitems[0]="网页特效库";
sitems[1]="背景特效";
sitems[2]="整站模板";
sitems[3]="网页特效";

sitemlinks[0]="http://www.butong.net";
sitemlinks[1]="http://www.butong.net/background/index.htm";
sitemlinks[2]="http://www.butong.net/moban/index.htm";
sitemlinks[3]="http://www.butong.net/navigation/index.htm";

for (i=0;i<=sitems.length-1;i++)
if (document.all) {document.write('<TR><TD bgcolor=white onclick="location=\''+sitemlinks[i]+'\'" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2>'+sitems[i]+'</FONT></TD></TR>')}
else if (document.layers){document.write('<TR><TD bgcolor="white"><FONT SIZE=2><A HREF="'+sitemlinks[i]+'">'+sitems[i]+'</A></FONT></TD></TR>')}

function hl(n) {
n.className='hl'}
function n(h) {
h.className='n'}
//--></SCRIPT>
  </TBODY></TABLE>
<SCRIPT language=JavaScript1.2>
if (document.all)
document.write('<\/DIV>')
</SCRIPT>
</LAYER>

使用说明：隐藏菜单的位置可根据您的需要在代码的"document.write('<DIV ID="object1" style="Position : Absolute ;Left : -82px ;Top : 20px ;Width : 0px ;Z-Index : 20">')"部分进行更改，其中"Left"的值为离浏览器左边的距离，"Top"的值为离浏览器上边的距离。代码中"sitems[0]"至"sitems[3]"为导航菜单的文字、"sitemlinks[0]"至"sitemlinks[3]是导航菜单链接的地址，这些可以自行更改、增加或减少。

上一个特效：功能强大的旋转导航文字圈

返回列表

下一个特效：模仿QQ式的菜单