位置：首頁 > 軟件下載 > 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>

那在網頁上如何調用呢？以下是具體代碼：

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

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

版權聲明：

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

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

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

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

返回頂部