利用Javascript创建折叠式的导航菜单
为了创建折叠式的导航菜单，你可以在网页的最前面部分以下代码：
<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) 创建折叠式导航菜单的关键词: |
|
相关分类
本类最新
