Javascript实例教程(3-1)

利用Javascript创建折叠式的导航菜单

为了创建折叠式的导航菜单，你可以在网页的最前面部分以下代码：

 1<script language="JavaScript">
 2
 3  
 4
 5
 6<!-- Begin 
 7
 8  
 9
10
11function formHandler() 
12
13  
14
15
16{ 
17
18  
19
20
21var URL = document.form.site.options 
22
23  
24
25
26[document.form.site.selectedIndex].value; 
27
28  
29
30
31window.location.href = URL; 
32
33  
34
35
36// End -->
37
38  
39
40
41} 
42
43  
44
45
46</script>

那在网页上如何调用呢？以下是具体代码：

 1<center>
 2<form name="form">
 3<select name="site" onchange="formHandler()" size="1">
 4<option value="">连接到…. 
 5
 6  
 7
 8
 9<option value="http://www.pconline.com.cn">太平洋电脑网 
10
11  
12
13
14<option value="http://cn.yahoo.com">中文雅虎 
15
16  
17
18
19<option value="http://www.263.net">263网站 
20
21  
22
23
24<option value="http://www.usnews.com">美国在线 
25
26  
27
28
29<option value="http://www.neworiental.org">北京新东方 
30
31  
32
33
34</option></option></option></option></option></option></select>
35</form>
36</center>