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

当前页面: 开发资料首页Javascript 专题JavaScript 实例--创建折叠式导航菜单

JavaScript 实例--创建折叠式导航菜单

摘要: JavaScript 实例--创建折叠式导航菜单

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


↑返回目录
前一篇: JavaScript 实例--探测浏览器插件
后一篇: JavaScript 实例--创建弹出式窗口