dao9.htm

来自「javascript各种效果的实例及源代码」· HTM 代码 · 共 129 行

HTM
129 行
字号 
<html>

<head>

<title>友情链接导航框</title>

<style type="text/css">

<!--

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }

 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }

a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

-->

</style>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>



<body bgcolor="#fef4d9">

<br>

<br>

<center><font color=red face="隶书" size=6>友情链接导航框</font></center>

<br>

<br><center>

<table border=5 bordercolor=blue borderlight=green>

<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!</strong></font></td></tr>

<tr><td align=center height=80 width=220><script language="JavaScript">

<!-- Hide 

function surfto(form) {        

var myindex=form.dest.selectedIndex       

 location=form.dest.options[myindex].value;}

//-->

</SCRIPT><FORM NAME="myform">  <SELECT NAME="dest" SIZE=4>    <OPTION SELECTED VALUE="http://www.njcatv.net/">南京有线宽带网<OPTION VALUE="http://www.sina.com.cn/">新浪网    <OPTION VALUE="http://www.bwxx.cz.jsinfo.net/">聊天室  

<OPTION VALUE="http://www.netease.com/">网易

</SELECT>

<INPUT TYPE="BUTTON" VALUE="GO NOW!" onClick="surfto(this.form)">

</FORM></td></tr></table></center>

<br>

<br>

<center>

<textarea name=source rows=12 cols=55 class=yk9>

脚本说明:

把如下代码加入<body>区域中(你可以对链接及说明作相应修改)

<script language="JavaScript"><!-- Hide function surfto(form) {        var myindex=form.dest.selectedIndex        location=form.dest.options[myindex].value;}//--></SCRIPT><FORM NAME="myform">  <SELECT NAME="dest" SIZE=4>    <OPTION SELECTED VALUE="">选项<OPTION VALUE="search.htm">搜索引擎    <OPTION VALUE="chat.htm">聊天  </SELECT><INPUT TYPE="BUTTON" VALUE="GO NOW!" onClick="surfto(this.form)"></FORM></textarea>

<SCRIPT LANGUAGE="JavaScript">



<!-- hide



function goHist(a) 



{



   history.go(a);



}



//-->



</script>



<FORM METHOD="post">

<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">

</form>

</center>

<br>

<br>

</body>

</html>

dao9.htm - 源码说明

本页面展示了「javascript各种效果的实例及源代码」中的 dao9.htm 源码文件，采用 HTM 编程语言编写，共 129 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

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