标题: Javascript实例教程(2) 创建折叠式导航菜单
ljjk5
元帅
Rank: 1


荣誉会员奖章
UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态 离线
Javascript实例教程(2) 创建折叠式导航菜单

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

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

网友 ljjk5 签名 - 网友社区 ===
顶部
[广告] 免费域名(Free Subdomain) 免费空间(Free hosting) PR查询(Google Pagerank)



当前时区 GMT+8, 现在时间是 2008-10-12 21:51
信产部ICP备案:京ICP备05066424号 北京市公安局网监备案:1101050648号

Powered by Discuz! 5.5.0
清除 Cookies - 联系我们 - 网友俱乐部 - Archiver - WAP