CHANGE LINK COLORS MOUSEOVER

How to change link color on mouseover or rollover using css styles or javascript

Example code for Change Link colors mouseover:
<A HREF="url" onMouseOver="document.linkColor='red'" onMouseOut="document.linkColor='blue'">this is the link</A>


<!--another approach using CSS anchor styles:-->

<STYLE TYPE="text/css">
A:hover {color:#ff0000;}

A:hover FONT {color:#ff0000;}
A:link FONT {color:#000000;}
</STYLE>