当鼠标移到连接上,说明状态栏也跟着鼠标走动 - 中国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 |