动态按钮_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > 动态按钮

动态按钮

 2012/4/18 2:31:51  L19900325  程序员俱乐部  我要评论(0)
  • 摘要:第一步:将下面的CSS定义样式单加入<head></head>之间:<STYLE>A:link{TEXT-DECORATION:none}A:hover{COLOR:red}A.bb{TEXT-DECORATION:underline}A.cc{COLOR:black}A.cc:hover{COLOR:white}.LeftNavOff{BACKGROUND-COLOR:white;BORDER-BOTTOM:white2pxsolid;BORDER
  • 标签:
第一步:将下面的CSS定义样式单加入<head></head>之间:
<STYLE>A:link {
TEXT-DECORATION: none
}
A:hover {
COLOR: red
}
A.bb {
TEXT-DECORATION: underline
}
A.cc {
COLOR: black
}
A.cc:hover {
COLOR: white
}
.LeftNavOff {
BACKGROUND-COLOR: white; BORDER-BOTTOM: white 2px solid; BORDER-LEFT: white 2px solid; BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; COLOR: black; CURSOR: hand; FONT-SIZE: 14px;FONT-FAMILY: 宋体; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 14pt; MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.LeftNavUp {
BACKGROUND-COLOR: #0099ff; BORDER-BOTTOM: #003399 2px solid; BORDER-LEFT: #99ccff 2px solid; BORDER-RIGHT: #003399 2px solid; BORDER-TOP: #99ccff 2px solid; COLOR: white; CURSOR: hand; FONT-SIZE: 14px;FONT-FAMILY: 宋体; FONT-WEIGHT: bold; HEIGHT: 0pt; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 14pt; MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 0px; TEXT-DECORATION: none;
}
</STYLE>




第二步:将下面的代码加入<body></body>之间:
<table border="0" width="29%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item1 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
  <p align="center"><a class=cc href="../tip/index.htm"><font size="4">项目1</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item2 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
  <p align="center"><a class=cc href="../library/index.htm"><font size="4">项目2</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item3 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
  <p align="center"><a class=cc href="../download/index.htm"><font size="4">项目3</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item4 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
  <p align="center"><a class=cc href="http://www.boil.net/cgi-bin/ubb/Ultimate.cgi"><font size="4">项目4</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item5 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
  <p align="center"><a class=cc href="index.htm"><font size="4">项目5</font></a></p>
</td>
</tr>
<tr>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td>
</tr>
<tr>
<td width="100%" class=LeftNavOff id=item6 language=JScript
onmouseout="this.className='LeftNavOff'"
onmouseover="this.className='LeftNavUp'">
  <p align="center"><a class=cc href="http://javaer.home.chinaren.com"><font size="4">JAVA八爪鱼</font></a></p>
</td>
</tr>
<tr>
<td width="100%"></td>
</tr>
</table>
  • 相关文章
发表评论
用户名: 匿名