当前页面: 开发资料首页 → 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 实例--创建弹出式窗口