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

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

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

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

function formHandler()

{

var URL = document.form.site.options

[document.form.site.selectedIndex].value;

window.location.href = URL;

// End

}

</script>

那在网页上如何调用呢？以下是具体代码：

<option VALUE="">连接到….

<option VALUE="http://www.ddvip.com">豆豆技术

<option VALUE="http://soft.ddvip.net">豆豆软件

<option VALUE="http://bbs.ddvip.net">豆豆论坛

<option VALUE="http://vip.ddvip.net">视频教程在线

<option VALUE="http://soft.ddvip.net">豆豆软件

</select>

</form>

下面是全部的代码：

<head>

Untitled Document

<script LANGUAGE="JavaScript">

function formHandler()

{

var URL = document.form.site.options

[document.form.site.selectedIndex].value;

window.location.href = URL;

// End

}

</script>

</head>

<form name = "form">

</form>

效果实现：

function formHandler()

{

var URL = document.form.site.options

[document.form.site.selectedIndex].value;

window.location.href = URL;

// End

}

<form name=form>

<select onchange=formHandler() size=1 name=site> <option value="" selected>连接到….</option> <option value=http://www.ddvip.net>豆豆技术</option> <option value=http://soft.ddvip.net>豆豆软件</option> <option value=http://bbs.ddvip.net>豆豆论坛</option> <option value=http://vip.ddvip.net>视频在线</option> <option value=http://soft.ddvip.net>豆豆软件</option> </select>

</form></td> </tr> </table></td> </tr> 　　

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