站内搜索: 请输入搜索关键词

当前页面: 开发资料首页 → Javascript 专题 → Javascript实例教程(3) 创建折叠式导航菜单

Javascript实例教程(3) 创建折叠式导航菜单

摘要: Javascript实例教程(3) 创建折叠式导航菜单
<textarea readonly style="border:none;font-family:Courier New;line-height:150%;width:760px;overflow-y:visible"> 为了创建折叠式的导航菜单，你可以在网页的最前面部分以下代码：

<script LANGUAGE="JavaScript">

function formHandler()

{

var URL = document.form.site.options

[document.form.site.selectedIndex].value;

window.location.href = URL;

// End

}

</script>

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

<form name = "form">

<select NAME="site" SIZE=1 onChange ="formHandler()">

<option VALUE="">连接到….

<option VALUE="http://www.pconline.com.cn">太平洋电脑网

<option VALUE="http://cn.yahoo.com">中文雅虎

<option VALUE="http://www.263.net">263网站

<option VALUE="http://www.usnews.com">美国在线

<option VALUE="http://www.neworiental.org">北京新东方

</select>

</form>


下面是全部的代码：

<head>

Untitled Document

<script LANGUAGE="JavaScript">

function formHandler()

{

var URL = document.form.site.options

[document.form.site.selectedIndex].value;

window.location.href = URL;

// End

}

</script>

</head>

<form name = "form">

<select NAME="site" SIZE=1 onChange ="formHandler()">

<option value="">连接到…. </option>

<option value="http://www.pcedu.com.cn">太平洋网络学院</option>

<option value="http://cn.yahoo.com">中文雅虎 </option>

<option value="http://www.263.net">263网站 </option>

<option value="http://www.usnews.com">美国在线 </option>

<option value="http://www.neworiental.org">北京新东方 </option>

</select>

</form>

</td> </tr> </table></td> </tr> 　　
</td> </tr> </table> </textarea>
↑返回目录
前一篇: Javascript实例教程(4) 探测浏览器插件
后一篇: Javascript实例教程(2) 创建弹出式窗口