⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 ch11-144.html

📁 javascript demo thanks please
💻 HTML
字号:
<HTML>
<HEAD>
<TITLE>菜单导航篇--GO按钮</TITLE>
</HEAD>

<BODY bgcolor="#fef4d2" >

<br><br>
<center>
<h2>菜单导航篇--GO按钮</h2>
<hr width=300>
<br>

<!-- 案例代码1开始 -->

<script language=JavaScript>

function LinkURL(){
<!-- [Step1]: 这里可以更改链接的网址 -->
  if (document.addressform.addressselect.options[0].selected){window.location.href = "http://www.263.net.cn";} 
   else if (document.addressform.addressselect.options[1].selected) { window.location.href = "http://www.sohu.com";}
     else if (document.addressform.addressselect.options[2].selected) { window.location.href = "http://www.sina.com.cn";} 
        else if (document.addressform.addressselect.options[3].selected) { window.location.href = "http://cn.yahoo.com";}
  return true; 
}

function textValue(){ 
   var addressInteger, addressString 
   addressInteger=document.addressform.addressselect.selectedIndex 
   addressString=document.addressform.addressselect.options[addressInteger].text 
<!-- [Step2]: 在此能够修改文本框中的信息 -->
   document.addressform.addresstext.value = "链接-- " + addressString
}

</script>

<!-- 案例代码1结束 -->



<!-- 案例代码2开始 -->

<form name="addressform">
<!-- [Step3]: 这里可以设置选择框的行数 -->
<select name="addressselect" onChange="textValue()" multiple size="5">
<!-- [Step4]: 在此能够修改网址名称 -->
   <option>263 在线
   <option>搜 狐 网
   <option>新 浪 网
   <option>雅 虎 网
</select><br>
<!-- [Step5]: 这里可以设置文本框的列长度 -->
<input type="text" name="addresstext" value="" size="20" >
<input type="button" name="addressbutton" value="GO" onClick="LinkURL()">
</form> 

<!-- 案例代码2结束 -->


</BODY>

</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -