我要投稿
  • 您当前的位置:365bet官方 -> 技术教程 -> 网站建设教程 -> DOMJS教程 -> 教程内容
  • [ 收藏本页教程 ]
  • javascript实例教程(2) 创建折叠式导航菜单DOMJS教程

    教程作者:佚名    教程来源:不详   教程栏目:DOMJS教程    收藏本页
      为了创建折叠式的导航菜单,你可以在网页的最前面部分以下代码:

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


     


     


     

    效果实现:






     
    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.ct131.com All Rights Reserved.365bet官方 版权所有