分等级层次的导航链接

作者：佚名来源：不详发布时间：2006-10-29 0:24:43 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<Script>
x=1; 
y=5; 
linx = new Array()
linx[1] = new Array(); 
linx[1][1] = "link1";
linx[1][2] = "link2";
linx[1][3] = "link3";
linx[1][4] = "link4";
linx[1][5] = "link5";

linx[2] = new Array();
linx[2][1] = "linkA";
linx[2][2] = "linkB";
linx[2][3] = "linkC";
linx[2][4] = "linkD";
linx[2][5] = "linkE";

linx[3] = new Array(); 
linx[3][1] = "linkZ";
linx[3][2] = "linkY";
linx[3][3] = "linkX";
linx[3][4] = "linkW";
linx[3][5] = "linkV";

function rollover1() {
document.menu.nav1.value = "Link 1";
document.menu.nav2.value = "Link 2";
document.menu.nav3.value = "Link 3";
document.menu.nav4.value = "Link 4";
document.menu.nav5.value = "Link 5";
document.menu.dummy.value = 1;
x = document.menu.dummy.value;
return(x);
}

function rollover2() {
document.menu.nav1.value = "Link A";
document.menu.nav2.value = "Link B";
document.menu.nav3.value = "Link C";
document.menu.nav4.value = "Link D";
document.menu.nav5.value = "Link E";
document.menu.dummy.value = 2;
x = document.menu.dummy.value;
return(x);
}

function rollover3() {
document.menu.nav1.value = "Link Z";
document.menu.nav2.value = "Link Y";
document.menu.nav3.value = "Link X";
document.menu.nav4.value = "Link W";
document.menu.nav5.value = "Link V";
document.menu.dummy.value = 3;
x = document.menu.dummy.value;
return(x);
}

function go2url(hlink) {

var temp1 = document.menu.dummy.value;
var temp2 = (linx[temp1][hlink]);
window.location = "http://www.9966ok.com/"+temp2+".htm";
}

function rollout() {
for (var j=0; j<y; j++) {
document.menu.elements[j].value = "            ";
   }
}

</script>

第二步：把如下代码加入到<body>区域中

<P>

</center>
</div>

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：会浮动、隐藏的导航菜单 (酷。。）

下一篇代码：可隐藏的竖式导航条

分等级层次的导航链接

精品推荐

代码分类

阅读排行

相关代码