简单导航条 JavaScrit
2007-08-24 21:41
155 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<script language=JavaScript>
function Transfer(x)
{
//将selsect1对象赋给变量list,方便以后引用,虽然这里只引用一次,但是作为一个好习惯,我们还是有必要坚持的
//呵呵 天轰穿哥哥说的
var list=document.tran.slcTrancfer;
location=list.options[x].value;
}
</script>
<form method=post name="tran">
<select id="slcTrancfer" onchange="Transfer(options.selectedIndex);">
<option value="#">Please choose where you want go</option>
<option value="http://blog.csdn.net/hongbo0521/MyArticles.aspx">hongbo's Blog</option>
<option value="http://www.csdn.net">CSDN</option>
<option value="http://www.163.com">sina</option>
</select>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<script language=JavaScript>
function Transfer(x)
{
//将selsect1对象赋给变量list,方便以后引用,虽然这里只引用一次,但是作为一个好习惯,我们还是有必要坚持的
//呵呵 天轰穿哥哥说的
var list=document.tran.slcTrancfer;
location=list.options[x].value;
}
</script>
<form method=post name="tran">
<select id="slcTrancfer" onchange="Transfer(options.selectedIndex);">
<option value="#">Please choose where you want go</option>
<option value="http://blog.csdn.net/hongbo0521/MyArticles.aspx">hongbo's Blog</option>
<option value="http://www.csdn.net">CSDN</option>
<option value="http://www.163.com">sina</option>
</select>
</form>
</body>
</html>
相关文章推荐
- 【转】一个DIV+CSS代码布局的简单导航条
- 一个导航条布局的简单写法
- 简单快速实现导航条(Viewpager+Fragment+Radiogroup)
- react-native-vector-icons的简单使用,图片,按钮,标签视图,导航条
- 一个简单实用而且动太的导航条的例子
- android实现简单底部导航条
- 简单导航条
- 导航条的简单实现
- 简单的用PHP编写的导航条程序
- xq_navbar简单实现依赖于jQuery自定义快捷的炫酷导航条效果
- iOS下简单实现滑动导航条
- DIV+CSS 简单的导航条
- Bootstrap3基础 navbar 导航条 简单示例
- HTML5让导航条也如此简单
- 实例1——简单风格,导航条、巨幕和行列模式
- JavaScrit常用的简单交互
- 简单二级导航条
- 二个简单的菜单导航条示例
- Hbuilder开发APP(一)——底部导航条简单实现