Пожалуйста:
Код HTML:
<HTML><HEAD><STYLE>
.NAV {
display: block;
width: 100px;
text-align: center;
background-color: #C0C0C0;
}
A .NAV {
background-color: #808080;
}
A:HOVER .NAV {
background-color: #C0C0C0;
}
</STYLE></HEAD><BODY>
<TABLE CELLSPACING="0" CELLPADDING="1" BORDER="1" WIDTH="100%">
<TR>
<TD><DIV CLASS="NAV" ID="NAV1">1</DIV></TD>
<TD><A HREF="2"><DIV CLASS="NAV" ID="NAV2">2</DIV></A></TD>
<TD><A HREF="3"><DIV CLASS="NAV" ID="NAV3">3</DIV></A></TD>
</TR>
</TABLE>
</BODY><SCRIPT TYPE="text/javascript">
var d;
for (var i = 1; i <= 3; i++) {
d = document.getElementById('NAV' + i);
d.onmouseout = function anonymous() { this.className = 'NAV'; };
d.onmouseover = function anonymous() { this.className = 'NAV'; };
}
</SCRIPT></HTML>
В Opera (ver 8) все показывает на ура, а вот в IE (ver 6+sp1) возникают грабли, из-за чего приходится добавлять обработчики onMouseOver и onMouseOut, обновляющие класс (см. js-скрипт в конце).