Tekstfarve skift på mouseover

<head>
<STYLE type=text/css>A:link {
    COLOR: blue; TEXT-DECORATION: none
}
A:visited {
    COLOR: blue; TEXT-DECORATION: none
}
A:hover {
    COLOR: red; TEXT-DECORATION: none
}
</STYLE>
</head>

nu er farven altid blå
når man har besøgt den er den også blå,

og når man køre henover er den rød

det kan du jo så også sætte ind i et eksternt stylesheet

for at kunne bruge "A - style", så kræver det jo at det er et link der er tale om!!!!!! Desuden vil ovenstående kode resultere i at ALLE link er blå indtil man fører musen over et af dem, hvorefter det bliver rødt!

kan man lave det på ikke-links? (f.eks. paragrafer (<p>)

Her er en mulighed med tabel:

<HTML>
<HEAD>
    <TITLE>Tabelcelle skifter farve ved mouseover</TITLE>
<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>
<META NAME="Generator" CONTENT="Stone's WebWriter 2">
<!-- Minus AutoDato -->
</HEAD>
<BODY>
<table onMouseover="changeto('lightgreen')" onMouseout="changeback('white')">
<TR><td id="ignore">Main Menu</td>
<td>Eggs</td>
<td>Ham</td></TR>
</table>

</BODY>
</HTML>

Fomse:-)

freekyzone´s kode var den jeg brugte. tak for de andre svar.