<html>
<head>
<script language="javascript">
function color(id){
//on récupere la taille de la chaine
var taille = id.length;
//récupere la 1er lettre
var prem = id.substring(0,1);
//récupere la 2eme lettre
var sec = id.substring(1,2);
//récupere le reste
var rest = id.substring(2,taille);
//on reconstitue la chaine en ajoutant la couleur à la deuxieme lettre
var txtcol=prem+"<font color='red'>"+sec+"</font>"+rest;
// on affecte la nouvelle version coloré au text
document.getElementById(id).innerHTML = txtcol;
}
function uncolor(id){
// On remet simplement le text sans couleur
document.getElementById(id).innerHTML = id;
}
</script>
</head>
<body>
<a href="#" id="test1" onMouseOver="color('test1')" onMouseOut="uncolor('test1')">test1</a>
<a href="#" id="test2" onMouseOver="color('test2')" onMouseOut="uncolor('test2')">test2</a>
</body>
</html>