.class:hover
Man kan skifte style på tabelceller ved at kombinere css og javascript sådan:I stylesheetet:
.menuItem {
height: 28px;
text-align: center;
font-weight: bold;
border: 1px solid #800000;
}
.menuItemHover{
height: 28px;
text-align: center;
font-weight: bold;
border: 1px solid black;
background-color: black;
color: white;
}
I html'en:
<td class="menuItem" onmouseover="this.className='menuItemHover';" onmouseout="this.className='menuItem';">tekst</td>
Men kan man ikke bare efter koden for .menuItem gøre det sådan i stylesheetet:
.menuItem:hover {
[kode]
}
- og så undgå onmouseover og onmouseout i html'en ???
//mik
