Foros del Web » Creando para Internet » HTML »

Cambiar el texto enlace al poner el mouse encima

Estas en el tema de Cambiar el texto enlace al poner el mouse encima en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/08/2008, 21:25
(Desactivado)
 
Fecha de Ingreso: febrero-2008
Ubicación: Argentina, Santa Fe, Rosario
Mensajes: 350
Antigüedad: 9 años, 9 meses
Puntos: 5
Cambiar el texto enlace al poner el mouse encima

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
  #2 (permalink)  
Antiguo 03/08/2008, 14:45
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 853
Antigüedad: 10 años, 7 meses
Puntos: 6
Respuesta: Cambiar el texto enlace al poner el mouse encima

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
  #3 (permalink)  
Antiguo 03/08/2008, 15:19
(Desactivado)
 
Fecha de Ingreso: febrero-2008
Ubicación: Argentina, Santa Fe, Rosario
Mensajes: 350
Antigüedad: 9 años, 9 meses
Puntos: 5
Respuesta: Cambiar el texto enlace al poner el mouse encima

Yo creo que si, no me acuerdo, pero si alguien tiene la respuesta muchas gracias
  #4 (permalink)  
Antiguo 03/08/2008, 17:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Cambiar el texto enlace al poner el mouse encima

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

a:before {content: "<";}
a:after {content: ">";}
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 03/08/2008, 17:36
 
Fecha de Ingreso: junio-2008
Ubicación: El mundo
Mensajes: 35
Antigüedad: 9 años, 5 meses
Puntos: 3
Respuesta: Cambiar el texto enlace al poner el mouse encima

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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:34.