| 首页 | IT动态 | 硬件 | 应用 | 互联网 | 网络 | 网站 | 黑客 | 编程 | 数码 | 视频教程 | 游戏 | 休闲 | 软件 | 视频 | IT认证 | 动漫图片 | IT杂谈 | 论坛 | 
Google
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • 认清CSS的类class和标识id选…

  • Dreamweaver8搞定“web标准”

  • Dreamweaver临时文件工作方式

  • Dreamweaver制作网页实用七招

  • 用ASP生成XBM数字图片(可用…

  • DW MX实例:客房预订业务

  • DW MX实例:动态广告管理

  • DW MX实例:在线音乐网站

  • DW MX实例:随笔管理及评论实…

  • DW MX实例:BLOG 日历事件

  • 广 告 位 置
    黄金广告位
    Q
    您现在的位置: 无忧IT人 >> 网站 >> JSP >> 文章正文
    javascript实例教程(2) 创建折叠式导航菜单         
    javascript实例教程(2) 创建折叠式导航菜单
    作者:网络 文章来源:转载 点击数: 更新时间:2007-8-11
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:
      为了创建折叠式的导航菜单,你可以在网页的最前面部分以下代码:

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

    [1] [2] 下一页  

    文章录入:51iter    责任编辑:51iter 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |