OnMouseOver skift af tabelbaggrund og tekstfarve

Når det bare er farve... hvorfor så ikke bare bruge en Hover ??? mener jeg at skulle virke..

Men i dit tilfælde med klasser:

    <td class="TopMouseOut" onMouseOver="this.style.className='TopMouseOver'" onMouseOut="this.style.className='TopMouseOut">Three</td>

TopMouseOver
{
  color: #"Hex-Kode";
  background-color: #"Hex-kode";
}
TopMouseOut
{
  color: #"Hex-Kode";
  background-color: #"Hex-kode";
}

tjek koden fra:
http://www.bokaj.dk/eksperten/mouseover.htm

Hvordan vil du gerne have at teksten skal ændre sig ?

Nu er der desværre ikke mange browsere, som overholder css2-standarden på lige dette område, så det vil være naturligt at bruge javascript-events ...

Det er dog helt skørt at skifte class på en element, som er indlæst, da browseren så starter forfra på at genere styles mv.

Desuden er det også nemt at ændre enkelt-properties, nemmest med en funktion, når det nu er flere ens:

<script type="text/javascript">
function chOver(elm,typ){
  st = elm.style;
  if(typ=='over'){
    st.color = "red";
    st.backgroundColor = "black";
  }else{
    st.color = "black";
    st.backgroundColor = "red";
  }
}
</script>

<td class="TopMouseOut" onMouseOver="chOver(this,'over')" onMouseOut="chOver(this,'out')">One</td>

Det mener jeg også craig, men det lader ikke til at virke. Heller ikke den CSS-metode du har angivet, ser ud til at virke i IE 6.0. Jeg ved ikke hvorfor.

Jakobclausen, teksten skal bare ændre farve. Og ikke fordi det er et link.

Roenving, din metode virker ligesom den skal, selvom det ikke er den CSS-løsning jeg efterspurgte.

roenving, med din løsning, hvad så hvis det skal være et baggrundsbillede i stedet?

st.backgroundImage = "url('billede.jpg')";

-- og forøvrigt er den løsning, du startede med, jo også en javascript-løsning, den tvinger bare browseren til at genskabe sit css-DOM-træ, hvor property-ændringer kun ændrer det konkrete elements properties ...

Ifølge css2-standarden kan man bruge :hover pseudo-selectoren på alle de elementer, man lyster, men for alt andet end a-tags er det næsten ikke implementeret i nogle browsere !-)

svar craig og roenving

svar.

Velbekomme '-)

-- og tak for points ;~}