正常显示时是文字，鼠标放上去后就出现立体的文字变换

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 正常显示时是文字，鼠标放上去后就出现立体的文字变换 (http://www.webasp.net/javascript/1/475.htm)
-- 发布日期： 2005-06-13
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

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

<style type="text/css">
<!--

.text { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000 }
a:hover { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #000000 ;text-decoration : none }
.normal {background-color:#ccccc; }
.over {background-color:#cccccc; border-top: 1px #ffffff solid; border-left: 1px #ffffff solid; border-right: 1px #999999 solid; border-bottom: 1px #999999 solid }
.down {background-color:#cccccc; border-top: 1px #999999 solid; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid }
.link {text-decoration: none; color:#000000; font-family: 宋体}
-->
</style>
<table width="80" border="0" cellpadding="0" cellspacing="0" height="30">
<tr>
<td class=normal onmouseover='this.className="over"' onmousedown='this.className="down"' onmouseup='this.className="over"' onmouseout='this.className="normal"' >
<div align="center" >
<a style="cursor: default" href="http://www.webasp.net" target="_blank">立体按钮</a>
</div>
</td>
</tr>
</table>


webasp.net