鼠标移到按钮上就会出现跳马灯式样的说明文字
要完成此效果需要两个步骤
第一步：把如下代码加入到<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>说明文字','bisque',150,430)
link[1]=new dspl('［我的链接］<BR>说明文字','bisque',175,430)
link[2]=new dspl('［我的链接］<BR>说明文字','bisque',200,430)
link[3]=new dspl('［我的链接］<BR>说明文字','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=30%">
</Div>
<Layer name="linkex" visibility="hide" width=80%>
</Layer>
<p align="center"> <a href="link.htm" onmouseover="don(0)" onmouseout="doff()" target="_blank"><font face="楷体_GB2312">［我的链接］</font></a><font face="楷体_GB2312"><BR>
<BR>
<a href="link.htm" onmouseover="don(1)" onmouseout="doff()" target="_blank">［我的链接］</a><BR>
<br>
<a href="link.htm" onmouseover="don(2)" onmouseout="doff()" target="_blank">［我的链接］</a><BR>
<BR>
<a href="link.htm" onmouseover="don(3)" onmouseout="doff()" target="_blank">［我的链接］</a></font>
</p>
|
