gaufeo 发表于 2007-4-27 11:56:24

***链接特效***鼠标移到按钮上就会出现跳马灯式样的说明文字

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
要完成此效果需要两个步骤

第一步:把如下代码加入到<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=new dspl('[我的链接]<br>说明文字','bisque',150,430)



link=new dspl('[我的链接]<br>说明文字','bisque',175,430)



link=new dspl('[我的链接]<br>说明文字','bisque',200,430)



link=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){

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){

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>
      










--------------------------------------

http://www.huoyue.com.cn 活跃网,活跃人群的论坛,访问活跃网,将给您带来意想不到的收获,还可以免费为您开论坛,让您免费拥有与朋友、网友交流的论坛。你是年轻人吗?你活跃你就上!
页: [1]
查看完整版本: ***链接特效***鼠标移到按钮上就会出现跳马灯式样的说明文字