纯 CSS 的导航条,经典的效果

      设计::文摘 2004-8-24 11:52
<style type="text/css">
<!--
.content {
	font-family: "Verdana", "Arial";
	font-size: 14px;
	color: #666666;
	line-height :150%;
}
input {font-family: "Verdana", "Arial";font-size: 9px;color: #FFFFFF;cursor: hand;
filter: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=70, StartY=70, FinishX=100, FinishY=100);
font-weight: bolder;width: 70px;height:16px;border: 0px;}
-->
</style><table align="center" valign="center" class="content"><input type="button" name="Button2" value="First" class="input" style="background-color: #00CCFF;" onMouseOver="this.style.filter='';this.style.color='#000000';this.style.background='#EEFFFF';" onMouseOut="this.style.filter='Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=70, StartY=70, FinishX=100, FinishY=100)';this.style.color='#FFFFFF';this.style.background='#00CCFF';" /> 
      <input type="button" name="Button22" value="Previews" class="input" style="background-color: #00CCFF;" onmouseover="this.style.filter='';this.style.color='#000000';this.style.background='#EEFFFF';" onmouseout="this.style.filter='Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=70, StartY=70, FinishX=100, FinishY=100)';this.style.color='#FFFFFF';this.style.background='#00CCFF';" />
      <input type="button" name="Button222" value="Next" class="input" style="background-color: #00CCFF;" onmouseover="this.style.filter='';this.style.color='#000000';this.style.background='#EEFFFF';" onmouseout="this.style.filter='Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=70, StartY=70, FinishX=100, FinishY=100)';this.style.color='#FFFFFF';this.style.background='#00CCFF';" />
      <input type="button" name="Button2222" value="Last" class="input" style="background-color: #00CCFF;" onmouseover="this.style.filter='';this.style.color='#000000';this.style.background='#EEFFFF';" onmouseout="this.style.filter='Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=70, StartY=70, FinishX=100, FinishY=100)';this.style.color='#FFFFFF';this.style.background='#00CCFF';" /></table>
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}