下载中心┊文章中心┊软件分类┊更新软件┊推荐下载┊热门软件┊更新文章┊热门文章
 
《拓文asp.net网站内容管理系统》官方演示站。
 设为首页    
 收藏本站
 作者:黄振安
 
网站首页 开源拓文 .NET编程 网站编程 网页设计 图形图像 数据库 软件工程留言本
    站内搜索:   
您现在的位置: 拓文网络 → 文章中心 → 网站编程 → JavaScript → Javascript实例教程(3) 创建折叠式导航菜单[正文]

热 门 文 章

相 关 文 章
  • JavaScript 函数
  • JavaScript程序控制流
  • JavaScript 基本数据类型
  • JavaScript和Java的区别
  • 什么是JavaScript及其特点
  • Javascript实例教程(2) 创建弹...
  • Javascript实例教程(4) 探测浏...
  • Javascript实例教程(5) 利用Ja...
  • Javascript实例教程(6) 在一个...
  • Javascript实例教程(7) 利用Ja...
  • Javascript实例教程(3) 创建折叠式导航菜单
     
    [作者:不详    转贴自:不详    点击数:    字体:【大 中 小】    更新时间:2006-3-1 9:36:54]

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

    <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=gb2312">

    <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>


    页次:1/1  1篇/页  首页   上一页   下一页   尾页  合计 1 篇 Go:
     
    上一篇:Javascript实例教程(2) 创建弹...
    下一篇:Javascript实例教程(4) 探测浏...
    winner 打印本页 关闭窗口

         文 章 评 论
    评论人 查看该文章的评论 发表时间
       笔 名* : 0 50分 60分 70分 80分 90分 100分
    评论内容 *: (最多600字。当前字数:0)


    没有相关评论,欢迎您参与!

    - 关于本站 - 网站帮助 - 下载声明 - 友情连接 - 网站地图 -
    Copyright © 2005-2006 myTopWin.Com. All Rights Reserved . [桂ICP备06004496号]