📄 dao1.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<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">

<SCRIPT language=javascript>

<!--

function linkDisplay(selection){

if(selection=="1"){document.form.info.value="凡是主页制作需要的图片资料,这里都有。";document.form.go.value="time1.htm";}

else if(selection=="2"){document.form.info.value="流行软件和注册机码下载，软件分类齐全！";document.form.go.value="time2.htm";}//链接自己可以加入，说明也可以更改！

else if(selection=="3"){document.form.info.value="主页制作密技奉献，正在学习和制作主页的朋友在这里一定能发现有用的资料。";document.form.go.value="3.htm";}

else if(selection=="4"){document.form.info.value="大量的中外影视明星美女的剧照和写真，詹姆斯邦德，施瓦辛格，第五元素，哈里森福特，周润发,泰坦尼克，蝙蝠侠，变脸及X-档案等剧照。苏慧伦，王菲，酒井法子，朱茵等美女桌布！";document.form.go.value="4.htm";}

else if(selection=="5"){document.form.info.value="几千个注册机码等着你呢！而且在不断地添加新的东西";document.form.go.value="5.htm";}

else if(selection=="6"){document.form.info.value="MIDI音乐屋当然是最首欢迎的MIDI乐曲下载天地了，中外流行曲，美国乡遥，影视主题曲...";document.form.go.value="6.htm";}}function moreInfo(){

var page=document.form.go.value;window.location=page;}



//-->



</SCRIPT>

</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><form name=form> <input type=hidden name=go value><table border=0 width=300> <tr> <td align=center width=111><a href=javascript:linkDisplay(1);>网页图片库</a><br> </td> <td align=center width=123><a href=javascript:linkDisplay(2);>软件下载仓库</a><br> </td> <td align=center width=160><a href=javascript:linkDisplay(3);>主页制作密技</a><br> </td>  </tr> <tr> <td align=center width=111><a href=javascript:linkDisplay(4);>美女明星写真<br> </a></td> <td align=center width=123><a href=javascript:linkDisplay(5);>注册机码集中营</a><br> </td> <td align=center width=160><a href=javascript:linkDisplay(6);>MIDI音乐屋</a><br> </td> </tr> <tr> <td colspan=3 align=center width=402><div align=center><p><textarea name=info rows=5 cols=34 wrap=virtual>点击连接看个仔细</textarea><br> <input type=button name=button value=去看看 onClick=moreInfo()> </td> </tr> </table></form>

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

<br>

<br>

<center>

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

脚本说明:

第一步:把如下代码加入<head>区域中

<SCRIPT language=javascript>

<!--

function linkDisplay(selection){

if(selection=="1"){document.form.info.value="凡是主页制作需要的图片资料,这里都有。";document.form.go.value="time1.htm";}

else if(selection=="2"){document.form.info.value="流行软件和注册机码下载，软件分类齐全！";document.form.go.value="time2.htm";}//链接自己可以加入，说明也可以更改！

else if(selection=="3"){document.form.info.value="主页制作密技奉献，正在学习和制作主页的朋友在这里一定能发现有用的资料。";document.form.go.value="3.htm";}

else if(selection=="4"){document.form.info.value="大量的中外影视明星美女的剧照和写真，詹姆斯邦德，施瓦辛格，第五元素，哈里森福特，周润发,泰坦尼克，蝙蝠侠，变脸及X-档案等剧照。苏慧伦，王菲，酒井法子，朱茵等美女桌布！";document.form.go.value="4.htm";}

else if(selection=="5"){document.form.info.value="几千个注册机码等着你呢！而且在不断地添加新的东西";document.form.go.value="5.htm";}

else if(selection=="6"){document.form.info.value="MIDI音乐屋当然是最首欢迎的MIDI乐曲下载天地了，中外流行曲，美国乡遥，影视主题曲...";document.form.go.value="6.htm";}}function moreInfo(){

var page=document.form.go.value;window.location=page;}



//-->



</SCRIPT>







第二步:把如下代码加入区域中

<form name=form> <input type=hidden name=go value><table border=0 width=300> <tr> <td align=center width=111><a href=javascript:linkDisplay(1);>网页图片库</a><br> </td> <td align=center width=123><a href=javascript:linkDisplay(2);>软件下载仓库</a><br> </td> <td align=center width=160><a href=javascript:linkDisplay(3);>主页制作密技</a><br> </td>  </tr> <tr> <td align=center width=111><a href=javascript:linkDisplay(4);>美女明星写真<br> </a></td> <td align=center width=123><a href=javascript:linkDisplay(5);>注册机码集中营</a><br> </td> <td align=center width=160><a href=javascript:linkDisplay(6);>MIDI音乐屋</a><br> </td> </tr> <tr> <td colspan=3 align=center width=402><div align=center><p><textarea name=info rows=5 cols=34 wrap=virtual>点击连接看个仔细&lt;/textarea&gt;<br> <input type=button name=button value=去看看 onClick=moreInfo()> </td> </tr> </table></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>
⌨️ 快捷键说明

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