·您的位置: 首页 » 资源教程 » 编程开发 » JavaScript » JAVASCRIPT实例教程(3) 创建折叠式导航菜单

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

类别: JavaScript教程  评论数:0 总得分: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>

下面是全部的代码:

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<SCRIPT LANGUAGE="JavaScript">



<!-- Begin



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.4ico.com">伊图网</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>
-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1