为了创建折叠式的导航菜单,你可以在网页的最前面部分以下代码:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function formHandler()
{
var URL = document.form.site.options
[document.form.site.selectedIndex].value;
window.location.href = http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/URL;
// End -->
}
</SCRIPT>
那在网页上如何调用呢?以下是具体代码:
<CENTER>
<FORM name = "form">
<SELECT NAME="site" SIZE=1 onChange ="formHandler()">
<OPTION VALUE=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"">连接到….
<OPTION VALUE=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://pconline">太平洋电脑网
<OPTION VALUE=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://cn.yahoo">中文雅虎
<OPTION VALUE=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://263">263网站
<OPTION VALUE=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://usnews">美国在线
<OPTION VALUE=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://neworiental">北京新东方
</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 = http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/URL;
// End -->
}
</SCRIPT>
</head>
<FORM name = "form">
<SELECT NAME="site" SIZE=1 onChange ="formHandler()">
<option value=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"">连接到….
<option value=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://pcedu">太平洋网络学院
<option value=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://cn.yahoo">中文雅虎
<option value=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://263">263网站
<option value=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://usnews">美国在线
<option value=http://www.dedecms.com/web-art/htmlbase/Javascript/20050213/"http://neworiental">北京新东方
</SELECT>
</FORM>
效果实现:
无忧站长学院,建站自然无忧www.5ucms.org
上一篇:5ucms培训,Javascript实例教程(7) 利用Javascript进行密码保护 下一篇:5ucms帮助JavaScript 小技巧(第十集) |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms模版,Javascript实例教程(3) 创建折叠式导航菜单的关键词: |