动态链接按钮特效-bianceng.cn

动态链接按钮特效

演示效果：请将鼠标移到下面的链接

　代码提示：将下面的代码复制到〈BODY〉区.　可以将代码直接复制到需要的位置以确定按钮的位置。
　方法是：在视图编缉状态下将鼠标移到所需位置点击，然后切换到HTML编缉状态，将代码粘贴到光标所在位置。
　在代码复制后会在网页中生成一个链接文字，可以在视图编缉状态下直接修改链接的名称和地址。
　可以反复复制代码以产生多个按钮。

<TABLE border=0 cellPadding=0 cellSpacing=0 width=60>
<TBODY>
<TR>
<TD height=14 width="100%"></TD></TR>
<TR>
<TD class=LeftNavOff id=item2 language=JScript 
onmouseout="this.className='LeftNavOff'" 
onmouseover="this.className='LeftNavUp'" width="100%"><A class=cc href="../../index.asp">返回首页</A></TD></TR>
<TR>
<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-FAMILY: 宋体; FONT-SIZE: 12px; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 12pt; 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-FAMILY: 宋体; FONT-SIZE: 12px; FONT-WEIGHT: bold; HEIGHT: 0pt; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 12pt; MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
</STYLE>
</TR></TBODY></TABLE>

返回目录