Amb aquest script podeu fer que les cel·les d'una taula canviin de
color al passar el mouse per damunt elles. Aquest efecte permet usar les cel·les
com botons amb efecte "rollover" amb links incorporats com en l'exemple
que vos pos aqui.
<table width=75%>
<tr>
<td onMouseover="this.style.backgroundColor='yellow'"
onMouseout="this.style.backgroundColor='ffcc99'">
<div align="center"><a href="http://usuarios.tripod.es/mimut/">El
Temps</a></div>
</td>
<td onMouseover="this.style.backgroundColor='red'"
onMouseout="this.style.backgroundColor='ffcc99'">
<div align="center"><a href="http://es.geocities.com/elrenault8/index.html">El
Renault 8</a></div>
</td>
<td onMouseover="this.style.backgroundColor='white'"
onMouseout="this.style.backgroundColor='ffcc99'">
<div align="center"><a href="http://www.portula.net/">Pòrtula</a></div>
</td>
<td onMouseover="this.style.backgroundColor='green'"
onMouseout="this.style.backgroundColor='ffcc99'">
<div align="center">Sense link</div>
</td>
</tr>
</table>
|
Confeccionau la taula a les vostres necessitats i amb el coninguts que
volgueu; només heu d'incloure dins els tags <TD> que volgueu
que canviin de color les funcions "onMouseover" i onMouseout",
canviant els colors com volgueu. Com veis podeu posar els colors en el format
que més vos agradi, en aquest exemple en "onMouseout", o
sigui "quan llevam el mouse", he posat el mateix color que el del
fons de la pàgina.