***链接特效***鼠标移到按钮上就会出现跳马灯式样的说明文字
把下列代码加到网页的<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]