非常流行的隐藏导航栏_导航菜单特效_网页特效集锦-网页特效代码

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

背景按钮

导航特效

< 后退 | 收藏网页特效集锦

推荐网页特效

推荐网页工具

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

非常流行的隐藏导航栏

把如下代码复制到<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://code.xinnew.com";
sitemlinks[1]="http://code.xinnew.com/background/index.htm";
sitemlinks[2]="http://code.xinnew.com/moban/index.htm";
sitemlinks[3]="http://code.xinnew.com/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式的菜单