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

2004-6-17　作者：ZSC　网友评论 0 条　点击进入论坛

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

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

<SCRIPT LANGUAGE="javascript">

<!-- Begin

function formHandler()

{

var URL = document.form.site.options

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

window.location.href = URL;

// End -->

}

</SCRIPT>

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

<CENTER>

<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>

</CENTER>

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

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

<SCRIPT LANGUAGE="javascript">

<!-- Begin

function formHandler()

{

var URL = document.form.site.options

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

window.location.href = URL;

// End -->

}

</SCRIPT>

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

<CENTER>

<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>

</CENTER>

今日推荐

• ·微软欲起诉谷歌Chrome浏览器垄断
• ·精选ERP以技术为纲
• ·技术答疑：AC.NET标准会计软件--《会稽山》单机专业版[图]
• ·AC.NET标准会计软件--《会稽山》下载安装与操作流程
• ·敏捷开发和高级别CMMI

• ·Siemens PLM Software 技术技巧（12）[组图]
• ·Siemens PLM Software 技术技巧（11）[组图]
• ·用ANSYS计算变压器箱体涡流，可以加阻抗边界条件吗
• ·企业为什么要实施易拓软件
• ·网络管理系统的进步[图]

重点推荐

领军企业技术文库

最新专题

电子杂志订阅

技术热点