■■ 征集http://msdn.microsoft.com/中目录菜单特殊效果代码■■

XML实现效果不算，顺便顶一下

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你所说的不是表格，而是简单的 <span> 或者 <div>通过设定 background-color, border-width, border-style, border-color 这几个属性就能实现那样的效果。
inelm(木野狐):能不能给个例子呀，简单的HTML就行！
lawdoor(【风语者】) 就是这种效果的
这个好象有例子下的，去网上搜一下把。
其实只要两个div就可以了，一个做菜单，一个做阴影
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style type="text/css">
  .titleStyle{
      background-color:#008800;color:#ffffff;
      border-top:1px solid #FFFFFF;font-size:9pt;cursor:hand;
  }
  .contentStyle{
      background-color:#eeffee;color:blue;font-size:9pt;
  }
</style>
<BODY>
<script language="JavaScript">

</script></BODY>
</HTML>
<HTML><HEAD><TITLE>MSDN Home Page</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<LINK href="style.css" type=text/css rel=stylesheet>
<SCRIPT language=JavaScript>
var doImage = doImage;
var TType = TType;function mhHover(tbl, idx, cls)
{
var t, d;
if (document.getElementById)
t = document.getElementById(tbl);
else
t = document.all(tbl);
if (t == null) return;
if (t.getElementsByTagName)
d = t.getElementsByTagName("TD");
else
d = t.all.tags("TD");
if (d == null) return;
if (d.length <= idx) return;
d[idx].className = cls;
}</SCRIPT><BODY>
<FORM id=formSearch method=get><DIV id=msviLocalToolbar>
<TABLE height=19 cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD id=msviHomePageLink noWrap><A onclick=trackInfo(this)
      href="http://msdn.microsoft.com/default.aspx" LinkID="LT_Drop1"
      LinkArea="LocalToolbar">MSDN Home</A></TD>
    <TD><SPAN class=ltsep>|</SPAN></TD>
    <TD class=lt0 onmouseover="mhHover('msviLocalToolbar', 2, 'lt1')"
    onmouseout="mhHover('msviLocalToolbar', 2, 'lt0')" noWrap><A
      onclick=trackInfo(this) href="http://msdn.microsoft.com/developercenters/"
      LinkID="LT_Drop2" LinkArea="LocalToolbar">Developer Centers</A></TD>
    <TD><SPAN class=ltsep>|</SPAN></TD>
    <TD class=lt0 onmouseover="mhHover('msviLocalToolbar', 4, 'lt1')"
    onmouseout="mhHover('msviLocalToolbar', 4, 'lt0')" noWrap><A
      onclick=trackInfo(this)
      href="http://msdn.microsoft.com/library/default.asp" LinkID="LT_Drop3"
      LinkArea="LocalToolbar">Library</A></TD>
    <TD><SPAN class=ltsep>|</SPAN></TD>
    <TD class=lt0 onmouseover="mhHover('msviLocalToolbar', 6, 'lt1')"
    onmouseout="mhHover('msviLocalToolbar', 6, 'lt0')" noWrap><A
      onclick=trackInfo(this) href="http://msdn.microsoft.com/downloads/"
      LinkID="LT_Drop4" LinkArea="LocalToolbar">Downloads</A></TD>
    <TD><SPAN class=ltsep>|</SPAN></TD>
    <TD class=lt0 onmouseover="mhHover('msviLocalToolbar', 8, 'lt1')"
    onmouseout="mhHover('msviLocalToolbar', 8, 'lt0')" noWrap><A
      onclick=trackInfo(this) href="http://msdn.microsoft.com/code/"
      LinkID="LT_Drop5" LinkArea="LocalToolbar">Code Center</A></TD>
    <TD><SPAN class=ltsep>|</SPAN></TD>
    <TD class=lt0 onmouseover="mhHover('msviLocalToolbar', 10, 'lt1')"
    onmouseout="mhHover('msviLocalToolbar', 10, 'lt0')" noWrap><A
      onclick=trackInfo(this) href="http://msdn.microsoft.com/subscriptions/"
      LinkID="LT_Drop6" LinkArea="LocalToolbar">Subscriptions</A></TD>
    <TD><SPAN class=ltsep>|</SPAN></TD>
    <TD class=lt0 onmouseover="mhHover('msviLocalToolbar', 12, 'lt1')"
    onmouseout="mhHover('msviLocalToolbar', 12, 'lt0')" noWrap><A
      onclick=trackInfo(this) href="http://msdn.microsoft.com/worldwide.aspx"
      LinkID="LT_Drop7" LinkArea="LocalToolbar">MSDN Worldwide</A></TD>
    <TD width="100%"></TD></TR></TBODY></TABLE></DIV></DIV>
</FORM></BODY></HTML>
style.css 文件
BODY {
MARGIN: 0px
}
#msviRegionIdGraphic {
PADDING-LEFT: 7px
}
#msviGlobalToolbar {
PADDING-LEFT: 1px
}
#msviGlobalToolbar A {
FONT: 65% Verdana; COLOR: #ffffff; TEXT-DECORATION: none
}
.gt0 {
BORDER-RIGHT: #3568cc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #3568cc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 100%; PADDING-BOTTOM: 2px; BORDER-LEFT: #3568cc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #3568cc 1px solid
}
.gt1 {
BORDER-RIGHT: #adc9ff 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #adc9ff 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 100%; BACKGROUND: #5781d5; PADDING-BOTTOM: 2px; BORDER-LEFT: #adc9ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #adc9ff 1px solid
}
.gtsep {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 2px; FONT: 65% Verdana; COLOR: #adc9ff; PADDING-TOP: 0px
}
#msviBanner {
TEXT-ALIGN: right
}
#msviGlobalSearch {
PADDING-RIGHT: 15px; PADDING-LEFT: 6px; FONT: 65% Verdana; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#msviSearchForm {
MARGIN: -1px 0px 0px
}
#msviSearchBox {
FONT: 110% Tahoma; WIDTH: 235px; xheight: 18px
}
#msviGoButton {
PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0em; FONT: 110% Tahoma; MARGIN-LEFT: 6px; PADDING-TOP: 0em; POSITION: relative; TOP: 1px
}
#msviNoSearch {
WIDTH: 271px
}
#msviMastheadHR {
BACKGROUND: #3366cc; OVERFLOW: hidden; HEIGHT: 1px
}
#msviLocalToolbar {
PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 100%; BACKGROUND: #f1f1f1; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
#msviLocalToolbar TD {
FONT-SIZE: 100%
}
#msviLocalToolbar A {
FONT: 70% Verdana; COLOR: black; TEXT-DECORATION: none
}
.lt0 {
BORDER-RIGHT: #f1f1f1 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #f1f1f1 1px solid; PADDING-LEFT: 6px; BACKGROUND: #f1f1f1; PADDING-BOTTOM: 0px; BORDER-LEFT: #f1f1f1 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #f1f1f1 1px solid
}
.lt1 {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 6px; BACKGROUND: #ccc; PADDING-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #999 1px solid
}
.ltsep {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; FONT: 70% Verdana; COLOR: #a9a9a9; PADDING-TOP: 0px
}
.localToolbar FORM {
MARGIN: 0px
}
.localToolbar INPUT {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 70% Tahoma, Helvetica; MARGIN-RIGHT: 8px; PADDING-TOP: 0px
}
#msviHomePageLink {
PADDING-LEFT: 2px; WIDTH: 177px
}
#msviHomePageLink TD {
FONT-SIZE: 100%
}
#msviHomePageLink A {
BORDER-RIGHT: #f1f1f1 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #f1f1f1 1px solid; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: #f1f1f1; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #f1f1f1 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #f1f1f1 1px solid; WHITE-SPACE: nowrap
}
#msviHomePageLink A:hover {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #999 1px solid; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: #ccc; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
#msviFooter {
BORDER-TOP: #3366cc 1px solid; FONT: 70% Tahoma, Helvetica; POSITION: absolute
}
#msviFooter TD {
FONT-SIZE: 100%
}
#msviLocalFooter {
PADDING-LEFT: 10px; MARGIN: 0px; PADDING-TOP: 8px
}
#msviGlobalFooter {
PADDING-LEFT: 10px; PADDING-BOTTOM: 13px; MARGIN: 0px; PADDING-TOP: 10px
}
#msviFooter A {
FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #03c; MARGIN-RIGHT: 2px
}
#msviFooter A:visited {
FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #03c
}
#msviFooter A:hover {
FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #f60
}
#msviFooter NOBR {
COLOR: #a9a9a9; MARGIN-RIGHT: 5px
}
这是MSDN的,我们都可以拷贝下来呀，太复杂了，有没有简单点的呀？
<style>
span.over
{
background-color: b5bdd2;
border: solid 1 navy;
}
span.out
{
background-color: ;
border: solid 0 navy;
}
</style><span onmouseover="this.className='over';" onmouseout="this.className='out';">日历</span>