📄 an4.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">
<!--
bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if (bname=="Netscape")
brows=true
else
brows=false
var x=0;
var link=new Array();

function dspl(msg,bgcolor,dtop,delft){
this.msg=msg;
this.bgcolor=bgcolor;
this.dtop=dtop;
this.dleft=delft;
}


link[0]=new dspl('［本站宗旨］<BR>为制作交互的动态页面提供全面的分类齐全的JS脚本资源和主页制作技巧。','bisque',150,400)

link[1]=new dspl('［本站论坛］<BR>讨论一些我们共同关心的问题,主页制作,JS脚本的应用技巧等。','bisque',175,400)

link[2]=new dspl('［本站栏目］<BR>分类齐全的JS脚本资源,JavaApplet小程序,精彩动画欣赏,各种实用资源及邮件列表(JS脚本先睹为快)等。','bisque',200,400)

link[3]=new dspl('［关于本站］<BR>创建于99年8月25日,Webmaster:天涯网人','bisque',235,400)

// Do not edit anything else in the script !!!!

function don(x){
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows){
with(link[x]){
document.layers['linkex'].bgColor=bgcolor;
document.layers['linkex'].document.writeln(msg);
document.layers['linkex'].document.close();
document.layers['linkex'].top=dtop;
document.layers['linkex'].left=dleft;
}
document.layers['linkex'].visibility="show";
}
else{
with(link[x]){
linkex.innerHTML=msg;
linkex.style.top=dtop;
linkex.style.left=dleft;
linkex.style.background=bgcolor;
}
linkex.style.visibility="visible";
}
}
}

function doff(){
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows)
document.layers['linkex'].visibility="hide";
else
linkex.style.visibility="hidden";
}
}

//-->


</SCRIPT>
</head>

<body bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>连接说明浮动条脚本</font></center>
<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=left height=100 width=300><Div id="linkex" style="position: absolute; visibility: hidden; width=80%">
</Div>
<Layer name="linkex" visibility="hide" width=80%>
</Layer>
<p align="center">
<a href="time1.htm" onmouseover="don(0)" onmouseout="doff()" target="main">［本站宗旨］</a><BR>
  <BR>
  <a href="time2.htm" onmouseover="don(1)" onmouseout="doff()" target="main">［本站论坛］</a><BR>
  <br>
  <a href="time3.htm" onmouseover="don(2)" onmouseout="doff()" target="main">［本站栏目］</a><BR>
  <BR>
  <a href="time4.htm" onmouseover="don(3)" onmouseout="doff()" target="main">［关于本站］</a> 
</p>
  </td></tr></table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT language="JavaScript">
<!--
bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if (bname=="Netscape")
brows=true
else
brows=false
var x=0;
var link=new Array();

function dspl(msg,bgcolor,dtop,delft){
this.msg=msg;
this.bgcolor=bgcolor;
this.dtop=dtop;
this.dleft=delft;
}


link[0]=new dspl('［本站宗旨］<BR>为制作交互的动态页面提供全面的分类齐全的JS脚本资源和主页制作技巧。','bisque',150,430)

link[1]=new dspl('［本站论坛］<BR>讨论一些我们共同关心的问题,主页制作,JS脚本的应用技巧等。','bisque',175,430)

link[2]=new dspl('［本站栏目］<BR>分类齐全的JS脚本资源,JavaApplet小程序,精彩动画欣赏,各种实用资源及邮件列表(JS脚本先睹为快)等。','bisque',200,430)

link[3]=new dspl('［关于本站］<BR>创建于99年8月25日,Webmaster:天涯网人','bisque',235,430)

// Do not edit anything else in the script !!!!

function don(x){
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows){
with(link[x]){
document.layers['linkex'].bgColor=bgcolor;
document.layers['linkex'].document.writeln(msg);
document.layers['linkex'].document.close();
document.layers['linkex'].top=dtop;
document.layers['linkex'].left=dleft;
}
document.layers['linkex'].visibility="show";
}
else{
with(link[x]){
linkex.innerHTML=msg;
linkex.style.top=dtop;
linkex.style.left=dleft;
linkex.style.background=bgcolor;
}
linkex.style.visibility="visible";
}
}
}

function doff(){
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows)
document.layers['linkex'].visibility="hide";
else
linkex.style.visibility="hidden";
}
}

//-->


</SCRIPT>


第二步:把如下代码加入<body>区域中
<Div id="linkex" style="position: absolute; visibility: hidden; width=80%">
</Div>
<Layer name="linkex" visibility="hide" width=80%>
</Layer>
<p align="center">
<a href="time1" onmouseover="don(0)" onmouseout="doff()" target="_blank">［本站宗旨］</a><BR>
  <BR>
  <a href="time2" onmouseover="don(1)" onmouseout="doff()" target="_blank">［本站论坛］</a><BR>
  <br>
  <a href="time3" onmouseover="don(2)" onmouseout="doff()" target="_blank">［本站栏目］</a><BR>
  <BR>
  <a href="time4" onmouseover="don(3)" onmouseout="doff()" target="_blank">［关于本站］</a> 
</p></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 + -