首页
微信
安卓
接口
移动
前端
专题
文档库
工具
网址
§
ITPOW
>>
文档
>>
JavaScript
>>
菜单导航
双联菜单
作者: 来源: 日期:2004-9-30
<form name="CategoryForm" method="POST" action=""> <p> <select size="1" name="category1" onchange="CreateCategory2()"> </select> <select size="1" name="category2"> </select> <input type="button" value=" GO " name="B1" onclick="go()"> </p> </form> <script> //以二级菜单为例; var category1_len=2;/////////////////////////////一级菜单的长度(即目录个数) category1=new Array(2);//////////////////////////一级菜单,由于包括显示的文字和value两个值,所以申明长度为2 for(i=0;i<category1_len;i++) { category1[0]=new Array(category1_len); category1[1]=new Array(category1_len); } var category2_len=4;/////////////////////////////二级菜单的最大长度 var category2=new Array(2);//////////////////////二级菜单 for(i=0;i<category1_len;i++) { category2[0]=new Array(category1_len); category2[1]=new Array(category1_len); for(j=0;j<category2_len;j++) { category2[0][j]=new Array(category2_len); category2[1][j]=new Array(category2_len); } } //以下是第一级菜单的内容 category1[0][0]="本站服务"; category1[1][0]="0"; category1[0][1]="门户网站"; category1[1][1]="1"; //以下是“本站服务”目录下的二级菜单内容 category2[0][0][0]="免费计数器"; category2[1][0][0]="http://www.nettun.com/cjava/CounterCode.asp"; category2[0][0][1]="站内搜索"; category2[1][0][1]="http://www.nettun.com/cjava/search.asp"; category2[0][0][2]=""; category2[1][0][2]=""; category2[0][0][3]=""; category2[1][0][3]=""; //以下是“门户网站”目录下的二级菜单 category2[0][1][0]="中文雅虎"; category2[1][1][0]="http://cn.yahoo.com"; category2[0][1][1]="网易"; category2[1][1][1]="http://www.163.com"; category2[0][1][2]="搜狐"; category2[1][1][2]="http://www.sohu.com"; category2[0][1][3]="新浪"; category2[1][1][3]="http://www.sina.com"; //构造一级菜单 function CreateCategory1() { for(i=0;i<category1_len;i++) { document.all.category1.options[i]=new Option(category1[0][i],category1[1][i]); } document.all.category1.options[0].selected=true; CreateCategory2(); } //构造二级菜单 function CreateCategory2() { p=document.all.category1.selectedIndex; for(i=0;i<category2_len;i++) { document.all.category2.options[i]=null; if(category2[0][p][i]!="") { document.all.category2.options[i]=new Option(category2[0][p][i],category2[1][p][i]); } } document.all.category2.options[0].selected=true; } function go() { window.open(document.all.category2.options[document.all.category2.selectedIndex].value,"",""); } CreateCategory1(); </script>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
相关文章
创建于2005年
渝ICP备05010272号-1
电邮:
cftea@126.com
即将跳转...