程序博客网 > 淘宝一千零一夜2男主角

js 折叠导航菜单

来源：互联网发布：淘宝一千零一夜2男主角编辑：程序博客网时间：2024/04/29 19:53

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

淘宝一千零一夜2男主角

淘宝一千零一夜2男主角

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子橘子树的博客梦见满树的橘子金桔树修剪金桔树开花小橘子树图片桔子树合集桔子树的生长陈默桔子树桔子树肥料袁哲桔子树桔子树施肥怎么种桔子树橘子树的修剪桔子树少儿舞蹈桔子树个人志作文桔子树橘子树的图片桔子树作用桔子树生长过程桔子树的资料桔子树如何剪枝橘子树的习性桔子树与子同袍橘子树的作品桔子树的奢侈品男人桔子树的栽培嫁接桔子树桔子树的管理橘子树怎么嫁接图片桔子树介绍桔子树陈默桔子树的养护桔子树的特点桔子树的生活习性橘子树卡通图片桔子树如何施肥金桔树的寿命盆栽橘子树图片桔子树双生桔子树的嫁接桔子树像什么