当鼠标移到连接上,说明状态栏也跟着鼠标走动

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 当鼠标移到连接上,说明状态栏也跟着鼠标走动 (http://www.webasp.net/javascript/1/428.htm)
-- 发布日期: 2005-06-09
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! -->
<!-- 要实现此效果需要 2 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<HEAD></HEAD>区域中: -->

<script>
<!--
function play(){
onMousemove=borba()
}
function borba(){
a=navigator.appVersion
b=navigator.appName
if(a.substring(0,2)==4.0){
if(b.substring(0,1)=="M"){
eval("document.all.img.style.pixelTop = event.clientY + document.body.scrollTop -20;");
}
else{
alert("Sorry, but this script only works on IE 4.0 ")}}}
//-->
</script>



<!-- 第 2 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<div id="img" style="position:absolute; left:684px; top:43px; width:134px; height:1px; z-index:2; background-color:#999999">
<b><font size="2" face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF">www.webasp.net</font></b>
</div>
<div id="Layer1" style="position:absolute; left:818px; top:41px; width:167px; height:165px; z-index:3" onMouseOver="play()">
<table border="0" width="166" bgcolor="#99CCFF" cellspacing="9" cellpadding="1">
<tr bordercolor="#333333" bgcolor="#CDF0FE">
<td align="CENTER"><font face="Arial, Helvetica, sans-serif" size="4"><b><a href="#">www.webasp.net</a></b></font></td>
</tr>
<tr bordercolor="#E7E3E7" bgcolor="#CDF0FE">
<td align="CENTER"><font face="Arial, Helvetica, sans-serif" size="4"><b><a href="#">www.webasp.net</a></b></font></td>
</tr>
<tr bgcolor="#CDF0FE">
<td align="CENTER"><font face="Arial, Helvetica, sans-serif" size="4"><b><a href="#">www.webasp.net</a></b></font></td>
</tr>
<tr bgcolor="#CDF0FE">
<td align="CENTER"><font face="Arial, Helvetica, sans-serif" size="4"><b><a href="#">www.webasp.net</a>连接名称</a></b></font></td>
</tr>
<tr bgcolor="#CDF0FE">
<td align="CENTER"><font face="Arial, Helvetica, sans-serif" size="4"><b><a href="#">www.webasp.net</a>连接名称</a></b></font></td>
</tr>
</table>
</div>

webasp.net