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

2022-06-12發(fā)布者：ylm大小： 下載：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)頁上如何調(diào)用呢？以下是具體代碼：

<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)絡(luò)學(xué)院</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ān)政策法規(guī)，評論內(nèi)容只代表網(wǎng)友觀點，發(fā)表審核后顯示！

版權(quán)聲明：

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

2 本站將不對任何資源負(fù)法律責(zé)任，所有資源請在下載后24小時內(nèi)刪除。

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

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

返回頂部