当前位置：开发者网络 >> 网页特效 >> 页面导航 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
当鼠标移到连接上，说明状态栏也跟着鼠标走动
日期：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>