<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="Javascript,Javascript,Javascript,Javascript,Javascript">
<!-- 以下代码是设定此页的超链接样式 -->
<style type="text/css"><!-- A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}
-->
</style>
<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>
<title>挑战微软“动态菜单”之一</title>
</head>
<body bgcolor="#FFFFFF">
<table border="1" width="100%" cellpadding="0">
<tr>
<td width="12%" valign="top" align="center"><p align="right">名称：</td>
<td width="67%" valign="top">
<p align="center">挑战微软“动态菜单”之一</p>
</td>
</tr>
<tr>
<td width="12%" valign="top" align="center"><p align="right">实例：<br>
</p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </td>
<td width="67%" valign="top">
<table border="0" width="33%" 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'"><a class=cc href="http://www.houyuan.com">心得技巧文集</a></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'"><a class=cc href="http://www.houyuan.com">制作素材精品</a></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'"><a class=cc href="http://www.houyuan.com">本站资料下载</a></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'"><a class=cc href="http://www.houyuan.com">网页制作论坛</a></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'"><a class=cc href="index.htm">Dhtml技术栏目</a></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'"><a class=cc href="http://www.houyuan.com">网页设计师</a></td>
</tr>
<tr>
<td width="100%"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="12%" valign="top" align="right">教程：</td>
<td width="67%" valign="top">第一步：将下面的CSS定义样式单加入<head></head>之间：
<p><font color="#008080"><STYLE>A:link {<br>
TEXT-DECORATION: none<br>
}<br>
A:hover {<br>
COLOR: red<br>
}<br>
A.bb {<br>
TEXT-DECORATION: underline<br>
}<br>
A.cc {<br>
COLOR: black<br>
}<br>
A.cc:hover {<br>
COLOR: white<br>
}<br>
.LeftNavOff {<br>
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<br>
}<br>
.LeftNavUp {<br>
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; <br>
}<br>
</STYLE></font></p>
<p>第二步：将下面的代码加入<body></body>之间：</p>
<p><font color="#008080"><table border="0" width="33%" cellspacing="0" cellpadding="0"><br>
<tr><br>
<td width="100%"></td><br>
</tr><br>
<tr><br>
<td width="100%" class=LeftNavOff id=item1 language=JScript <br>
onmouseout="this.className='LeftNavOff'" <br>
onmouseover="this.className='LeftNavUp'"><a class=cc href="http://www.houyuan.com">心得技巧文集</a></td><br>
</tr><br>
<tr><br>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td><br>
</tr><br>
<tr><br>
<td width="100%" class=LeftNavOff id=item2 language=JScript <br>
onmouseout="this.className='LeftNavOff'" <br>
onmouseover="this.className='LeftNavUp'"><a class=cc href="http://www.houyuan.com">制作素材精品</a></td><br>
</tr><br>
<tr><br>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td><br>
</tr><br>
<tr><br>
<td width="100%" class=LeftNavOff id=item3 language=JScript <br>
onmouseout="this.className='LeftNavOff'" <br>
onmouseover="this.className='LeftNavUp'"><a class=cc href="http://www.houyuan.com">本站资料下载</a></td><br>
</tr><br>
<tr><br>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td><br>
</tr><br>
<tr><br>
<td width="100%" class=LeftNavOff id=item4 language=JScript <br>
onmouseout="this.className='LeftNavOff'" <br>
onmouseover="this.className='LeftNavUp'"><a class=cc href="http://www.houyuan.com">网页制作论坛</a></td><br>
</tr><br>
<tr><br>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td><br>
</tr><br>
<tr><br>
<td width="100%" class=LeftNavOff id=item5 language=JScript <br>
onmouseout="this.className='LeftNavOff'" <br>
onmouseover="this.className='LeftNavUp'"><a class=cc href="http://www.houyuan.com">Dhtml技术栏目</a></td><br>
</tr><br>
<tr><br>
<td width="100%" height="14"><img border="0" src="1pbw.gif" width="185" height="1"></td><br>
</tr><br>
<tr><br>
<td width="100%" class=LeftNavOff id=item6 language=JScript <br>
onmouseout="this.className='LeftNavOff'" <br>
onmouseover="this.className='LeftNavUp'"><a class=cc href="http://www.houyuan.com">网页设计师</a></td><br>
</tr><br>
<tr><br>
<td width="100%"></td><br>
</tr><br>
</table></font></p>
<p> </p>
</td>
</tr>
<tr>
<td width="12%" valign="top" align="right">说明：</td>
<td width="67%" valign="top">以上的超链接部分改为你自己的就可以使用了。
<p>本按钮突起效果只在IE5.0版本下面有效，但可以在低版本和NC正常显示</p>
<p>本菜单的效果在<a href="http://www.microsoft.com/china/windows/" target="_blank">微软网站的windows产品站</a>可以看到。</p>
</td>
</tr>
</table>
</body>
</html>
本按钮突起效果只在IE5.0版本下面有效，但可以在低版本和NC正常显示 |
收藏本站