第一步:将下面的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>
分享到:
相关推荐
制作动态按钮,简洁,漂亮
提供丰富的动态按钮素材,可制作鼠标接近、离开、点击三态按钮
Jquery动态按钮,支持动态影子,反光,镜子效果等,实现简单,使用Css动画实现
jQuery CSS制作超酷的动态按钮
一个动态按钮的例子,详细介绍了如何使用一个动态按钮并如何通过动态按钮访问网络
ui设计的一个动态按钮,可以参考学习,很好的基础学习
C#实例,用于界面动态按钮实现,非常简单的入门材料
自定义的3D按钮,以前学自定义控件时,自己做的入门案例,实现点击之后图形改变,呈现动态按钮
Axure 动态按钮演示 可以按照仿做 不會的可以找我,呵呵
PL_HIMenu_v3020 不多的东西
精华志 自定义的3D按钮,GUI动态按钮 京华志&精华志出品 分享资源 C# ASP.NET SQL DBA 源码
该项目实现了可交互的创意动态按钮,包含如下功能: 所有颜色自定义 鼠标悬浮渐变 两种点击效果:鼠标点击渐变 / 水波纹动画(可多层波纹叠加) 额外鼠标移入/移出/按下/弹起的实时/延迟共8种事件 鼠标悬浮图标位置...
自定义的3D按钮,GUI动态按钮。
本代码项目设计了动态按钮,分别有三个状态,第一个是鼠标没有在按钮范围时的默认状态;第二个是鼠标在按钮范围时的,但是没有按下的状态;第三个是鼠标按下时的状态。除此之外,还会实时检测按钮是否被按下,如果按...
按钮自会,动态按钮,有三种不同的状态!重载CButton实现!
内容包含如何创建一个动态的按钮,当鼠标涉及按钮范围的时候,按钮就动态显示。。
双击对话框产生动态按钮,右键响应动态按钮的信息。
MFC 动态添加按钮,并有响应函数 动态添加图片
具有动态按钮 C#窗体界面实例 发一个具有动态按钮的C#窗体界面实例源程序,看似专业的界面,实际上都是些比较基础的知识技巧的运用,在大家以后的编程中,这也是很常见的,做出一个专业的软件界面,这就是基矗