Cambiar el texto enlace al poner el mouse encima

[MRB08]

Hola, quiero saber un codigo que busque en google pero nada.
Se trata de un simple enlace texto que al poner el mouse cambia el texto, por ej.:
Sin Mouse:
Inicio
Con Mouse
<Inicio>

Gracias

[manumaf]

Cambiarle la fuente el estilo lo puedes hacer con css, ya agregarle caracteres me parce que es mas complicado, nunca e visto algo asi en una web

[MRB08]

Yo creo que si, no me acuerdo, pero si alguien tiene la respuesta muchas gracias

[Mikmoro]

Puedes hacerlo, pero no te funconará en todos los navegadores:

a:before {content: "<";}
a:after {content: ">";}

[hectorborges]

Otra alternativa es usar javascript para eso, con el código inline quedaría algo como:

Código HTML:

<a href="#" onmouseover="this.firstChild.nodeValue = '<' + this.firstChild.nodeValue + '>';" onmouseout="this.firstChild.nodeValue = this.firstChild.nodeValue.replace('<', '').replace('>', '');">Inicio</a> 

Pero para no embasurar el código te recomiendo crear las funciones que lo hagan...

Saludos,

Héctor