?? 實例113.二級菜單項目關聯.html
字號:
<FORM name=dweb>
<P align=center>
<SELECT name=lianjie1 onchange= "redirect(this.options.selectedIndex)">
<OPTION selected>校園網</OPTION>
<OPTION>國內網站</OPTION>
<OPTION>國外網站</OPTION></SELECT>
<SELECT name=lianjie2 size=1>
<OPTION selected value="http://www.hlju.edu.cn">黑龍江大學</OPTION>
<OPTION value="http://210.46.103.2">教務辦公網</OPTION>
<OPTION value="http://210.46.102.123">校園網</OPTION>
<OPTION value="http://210.46.103.1">教學在線</OPTION>
<OPTION value="http://210.46.104.50">現代教育技術中心</OPTION><INPUT name=test onclick=go() type=button value=確定></P>
<SCRIPT language=JavaScript>
<!--
var groups=document.dweb.lianjie1.options.length // select選項數目
var group=new Array(groups) // 定義數組
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("黑龍江大學","http://www.hlju.edu.cn") // 數組項目內容
group[0][1]=new Option("教務辦公網","http://210.46.103.2")
group[0][2]=new Option("校園網","http://210.46.102.123")
group[0][3]=new Option("教學在線","http://210.46.103.1")
group[0][4]=new Option("現代教育技術中心","http://125.223.0.6")
group[1][0]=new Option("新浪網","http://www.sina.com.cn")
group[1][1]=new Option("網易","http://www.163.com")
group[1][2]=new Option("搜狐","http://www.sohu.com")
group[1][3]=new Option("百度", "http://www.baidu.com")
group[1][4]=new Option("中國人", "http://www.chinaren.com")
group[2][0]=new Option("惠普","http://www.hp.com")
group[2][1]=new Option("IBM網站","http://www.ibm.com")
group[2][2]=new Option("微軟","http://www.microsoft.com")
var temp=document.dweb.lianjie2
function redirect(x){ // 顯示二級菜單內容
for (m=temp.options.length-1;m>0;m--)
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
// 顯示相應項目
}
}
function go(){
location=temp.options[temp.selectedIndex].value // 鏈接指向
}
//-->
</SCRIPT></FORM>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -