📄 js38.htm
字号:
<!--Saved from《网页设计师》pageone.yeah.net,作者：阿捷ajie@nease.net-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="Javascript,Javascript,Javascript,Javascript,Javascript">
<!-- 以下代码是设定此页的超链接样式 -->
<style type="text/css"><!-- A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}
-->
</style>
<script Language="JavaScript">
<!-- Hide the script from old browsers --
function surfto(form) {
var myindex=form.dest.selectedIndex
window.open(form.dest.options[myindex].value, target="_blank");
}
//-->
</script>
<title>下拉选择按钮菜单（链接其它frame）</title>
</head>
<body bgcolor="#FFFFFF">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" bgcolor="#006DA2"><!--webbot bot="ImageMap" rectangle="(8,2) (105,34) http://www.pageone.yeah.net" src="../images/jlogo3.GIF" alt="网页设计师" border="0" startspan --><MAP NAME="FrontPageMap"><AREA SHAPE="RECT" COORDS="8, 2, 105, 34" HREF="http://www.pageone.yeah.net"></MAP><a href="../_vti_bin/shtml.exe/js/js38.htm/map"><img ismap usemap="#FrontPageMap" border="0" height="36" alt="网页设计师" src="../images/jlogo3.GIF" width="111"></a><!--webbot bot="ImageMap" endspan i-checksum="13193" --></td>
<td width="50%" bgcolor="#006DA2"><p align="right"><br>
<a href="js37.htm">上一页</a> <a href="js4.htm">下一页</a> <a href="../index.html">返回首页</a></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="5%" bgcolor="#B7D1F4" valign="top"></td>
<td width="16%" bgcolor="#006DA2" valign="top"><table border="0" width="100%" cellspacing="4" cellpadding="0">
<tr>
<td width="16%"></td>
<td width="84%"></td>
</tr>
<tr>
<td width="16%"><font color="#ffff80">★</font></td>
<td width="84%"><font face="Arial"><a href="index.htm">JAVASCRIPT</a></font></td>
</tr>
<tr>
<td width="16%"><font color="#ffff80">★</font></td>
<td width="84%"><font face="Arial"><a href="../frontpage/index.htm">FRONTPAGE</a></font></td>
</tr>
<tr>
<td width="16%"><font color="#ffff80">★</font></td>
<td width="84%"><font face="Arial"><a href="../dhtml/index.htm">DHTML</a></font></td>
</tr>
<tr>
<td width="16%"><font color="#ffff80">★</font></td>
<td width="84%"><font face="Arial"><a href="../photoshop/index.htm">PHOTOSHOP</a></font></td>
</tr>
<tr>
<td width="16%"><font color="#ffff80">★</font></td>
<td width="84%"><font face="Arial"><a href="../fireworks/index.htm">FIREWORKS</a></font></td>
</tr>
<tr>
<td width="16%"><font color="#ffff80">★</font></td>
<td width="84%"><font face="Arial"><a href="../flash/index.htm">FLASH</a></font></td>
</tr>
<tr>
<td width="16%"><font color="#ffff80">★</font></td>
<td width="84%"><font face="Arial"><a href="../cgi/index.htm">CGI</a></font></td>
</tr>
<tr>
<td width="16%" a><font color="#ffff80">★</font></td>
<td width="84%"><font face="Arial"><a href="../download/index.htm">DOWNLOAD</a></font></td>
</tr>
<tr>
<td width="16%"></td>
<td width="84%"></td>
</tr>
</table>
</td>
<td width="79%" valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="0">
<tr>
<td width="12%" bgcolor="#B7D1F4"><p align="center"><font color="#FF8000">名称</font></td>
<td width="88%" bgcolor="#FFFFFF"><p align="center">下拉选择按钮菜单（链接其它frame）</td>
</tr>
<tr>
<td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">实例</font></td>
<td width="88%"><table border="1" width="100%" bordercolor="#B7D1F4" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form NAME="myform1">
<div align="center"><center><p><select NAME="dest" SIZE="1">
<option SELECTED VALUE>选项 </option>
<option VALUE="menu1.htm">菜单一 </option>
<option VALUE="menu2.htm">菜单二 </option>
</select> <input TYPE="button" VALUE="go" onClick="surfto(this.form)"> </p>
</center></div>
</form>
<p align="center"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">教程</font></td>
<td width="88%"><table border="1" width="100%" cellspacing="0" cellpadding="0" bordercolor="#B7D1F4">
<tr>
<td width="100%" bgcolor="#FFFFFF"><br>
<p>第一步：拷贝下面的代码到你的html文件的<head>和</head>之间；</p>
<blockquote>
<form name="copy1">
<p><textarea rows="4" name="S1" cols="39" onMouseOver="this.focus()" onFocus="this.select()"><script Language="JavaScript">
<!-- Hide the script from old browsers --function surfto(form) {var myindex=form.dest.selectedIndexwindow.open(form.dest.options[myindex].value, target="_blank");}//-->
</script></textarea></p>
</form>
</blockquote>
<p>第二步：拷贝下面的代码到你的html文件的<body>和</body>之间；</p>
<blockquote>
<form name="copy2">
<p><textarea rows="4" name="S1" cols="39" onMouseOver="this.focus()" onFocus="this.select()"><form NAME="myform1">
<div align="center"><center><p><select NAME="dest" SIZE="1">
<option SELECTED VALUE>选项 </option>
<option VALUE="menu1.htm">菜单一 </option>
<option VALUE="menu2.htm">菜单二 </option>
</select> <input TYPE="button" VALUE="go" onClick="surfto(this.form)"> </p>
</center></div>
</form>
</textarea></p>
</form>
</blockquote>
<p>说明：这个js和上一个“下拉选择按钮菜单”的区别在于你可以选择你链接的页面在任何一个frame的帧页里打开。我们经常会遇到这样的问题，页面用了左右两个帧页，左面菜单索引，右面主要显示内容，这个js的作用就是用来实现这个效果的。<br>
你只要将“第一步”代码中的<font face="Arial" color="#008080">target="_blank"</font><font color="#000000">中的_blank替换成你的帧页的名称就可以了。例如：target="main"</font></p>
<p> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">下载</font></td>
<td width="88%" bgcolor="#FFFFFF"> 请到<a href="../download/index.htm">下载中心</a></td>
</tr>
<tr>
<td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">版权</font></td>
<td width="88%" bgcolor="#FFFFFF"> 阿捷编辑整理</td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="39">
<tr>
<td width="21%" bgcolor="#006DA2" height="25"><font color="#0072A8">.</font></td>
<td width="79%" bgcolor="#E6F2FF" height="25" colspan="2"><p align="right"><br>
<a href="js37.htm">上一页</a> <a href="js4.htm">下一页</a> <a href="js38.htm#top">回到页首</a></td>
</tr>
<tr>
<td width="21%" height="3"></td>
<td width="79%" height="3" align="center" colspan="2"><font color="#FFFFFF">.</font></td>
</tr>
<tr>
<td width="21%" height="2"></td>
<td width="27%" height="7" align="center" rowspan="2"><p align="right"><img src="../images/jlogo4.GIF" alt="jlogo4.GIF (1066 bytes)" WIDTH="26" HEIGHT="26"></td>
<td width="52%" height="2">《<a href="http://pageone.yeah.net">网页设计师</a>》
阿捷制作 版权所有</td>
</tr>
<tr>
<td width="21%" height="5"></td>
<td width="52%" height="5"><font face="Arial">©1999-2000</font> <font face="Arial">All
Rights Reserved</font></td>
</tr>
<tr>
<td width="21%" height="4"></td>
<td width="79%" height="4" align="center" colspan="2">本站教程免费学习，引用请注明出处，禁止抄袭。</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -