大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 技术开发 -> Script -> Javascript实例教程(2) 创建折叠式导航菜单

Javascript实例教程(2) 创建折叠式导航菜单

时间: 2021-07-31 作者:daque

为了创造折叠式的导航菜单,你不妨在网页的最前方局部以次代码:<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=utf8"><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>

 

 

 

功效实行:

贯穿到….

宁靖洋搜集学院

中时髦虎

163邮箱

美利坚合众国在线

javascript教程

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.