Le guide:  Html |  Css |  Javascript |  Php |  Photoshop
Tutorial Css n°1 - del 15-03-2004

Rollover su cella
Per poter ricreare un semplice effetto rollover su una tabelle e più precisamente su una cella bisognerà ricorrere all'ausilio dei Css e al javascript.
Nell'esempio qui riportato verrà considerato semplicemente un rollover per il background, chiaramente l'esempio potrà essere ampliato al cambio del font, del bordo e di altri oggetti contenuti nella cella operando sul css.

Il codice:
il css

<style>
.uno{background:red;}
</style>

nel body

<table>
<td onMouseOver="this.className='uno'" OnMouseOut="this.className=''"> prova </td>
</table>
Esempio:

cella senza rollover cella con rollover

torna all'indice