鼠标点击后立即出现一个按钮

时间：2013-08-07 09:08 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

<HTML><HEAD>
<TITLE>立体变换的按钮</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>立体变换的按钮</CENTER><BR>
<CENTER>
<TABLE borderColor=#00FF00 border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><div align="center"><span class="STYLE2"><FONT color=red>效果显示</FONT></span></div></TD>
  </TR>
  <TR>
    <TD align=middle>
      <STYLE type=text/css>.text {
	FONT-SIZE: 12pt; COLOR: #ff0000; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}
A:hover {
	FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; TEXT-DECORATION: none
}
.normal {
	
}
.over {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #cccccc
}
.down {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #cccccc
}
.link {
	COLOR: #000000; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
</STYLE>
      <TABLE height=30 cellSpacing=0 cellPadding=0 width=80 border=0>
        <TBODY>
        <TR>
          <TD onmouseup='this.className="over"' class=normal 
          onmousedown='this.className="down"' 
          onmouseover='this.className="over"' 
          onmouseout='this.className="normal"'>
            <DIV align=center><A style="CURSOR: default" 
            href="http://www.codesocang.com/" target=_blank>立体按钮</A> 
  </DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

鼠标点击后立即出现一个按钮

网页特效