1. 位置:首頁 > 軟件下載 > UI設計

      Javascript實例教程(2) 創(chuàng)建折疊式導航菜單

      2022-06-12發(fā)布者:ylm大?。?/span> 下載:0

      文件大小:

      軟件介紹

      <SCRipT LANGUAGE="javaScript">

      <!-- Begin

      function formHandler()

      {

      var URL = document.form.site.options

      [document.form.site.selectedIndex].value;

      window.location.href = URL;

      // End -->

      }

      </SCRIPT>

      那在網(wǎng)頁上如何調用呢?以下是具體代碼:

      <CENTER>

      <FORM name = "form">

      <SELECT NAME="site" SIZE=1 onChange ="formHandler()">

      <OPTION VALUE="">連接到….

      <OPTION VALUE="http://www.pconline.com.cn">太平洋電腦網(wǎng)

      <OPTION VALUE="http://cn.yahoo.com">中文雅虎

      <OPTION VALUE="http://www.263.net">263網(wǎng)站

      <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">太平洋網(wǎng)絡學院</option>

      <option value="http://cn.yahoo.com">中文雅虎 </option>

      <option value="http://www.263.net">263網(wǎng)站 </option>

      <option value="http://www.usnews.com">美國在線 </option>

      <option value="http://www.neworiental.org">北京新東方 </option>

      </SELECT>

      </FORM>

      發(fā)表評論(共0條評論)
      請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī),評論內容只代表網(wǎng)友觀點,發(fā)表審核后顯示!

      版權聲明:

      1 本站所有資源(含游戲)均是軟件作者、開發(fā)商投稿,任何涉及商業(yè)盈利目的均不得使用,否則產生的一切后果將由您自己承擔!

      2 本站將不對任何資源負法律責任,所有資源請在下載后24小時內刪除。

      3 若有關在線投稿、無法下載等問題,請與本站客服人員聯(lián)系。

      4 如侵犯了您的版權、商標等,請立刻聯(lián)系我們并具體說明情況后,本站將盡快處理刪除,聯(lián)系QQ:2499894784

      返回頂部