Можно двумя способами:
1)В ячейках таблицы разместить рисунки, поставить им обработку события наведения мыши и события когда мышь покидает область рисунка и в этих обработчиках менять картинки местами - то есть будут две картинки: одна с затемненной надписью, а вторая с подсвеченной, к
примеру так:
Код:
<table>
<tr>
<td><img src="img/img1.gif" width="100" height="100" border="0" onmouseover="rollOver('img1',1) onmouseout="rollOver('img1',0) name="img1"></td>
<td><img src="" width="100" height="100" border="0" onmouseover="rollOver('img2',1) onmouseout="rollOver('img2',0) name="img2"></td>
</tr>
</table>
Код обработчика событий для двух картинок.
Код:
if (document.images)
{
arImgSrc = new Array ("1","2");
arImgLst = new Array ();
for (i in arImgSrc) { arImgLst[i] = new Image (); arImgLst[i].src = "img/img" + arImgSrc[i] + "a.gif";}
}
function rollOver (imName, over)
{
if (document.images)
{
document.images[imName].src = "img/"+imName + (over ? "a" : "") + ".gif";
}
}
2) Можно сделать рисунки фоном для ячеек и в теле ячейки (она станет свободной от тега img из-за применения фона) просто разместить ссылку тегом a, которую необходимо просто оформить стилями, чтобы она вела себя так как вам нужно.
PS
100 пудов
. Имхо, с этого просто необходимо было начать, ибо база есть суть вещь необходимая зело
.