Javascript - Efecto ola sobre texto al pasar el mouse
Códigos Javascript
Este divertido script consigue un efecto sobre un texto, efecto ola, al pasar el mouse o raton por encima - onmouseover
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Debemos modificar la linea 1 con el texto que queremos mostrar
CODIGO
# Codigo ofrecido por Tutores.org
- <script LANGUAGE="JavaScript">
- text = "Tutores.org "
- maximo = 50
- minimo = 10
- function initEffetLoupe(obj) {
- document.getElementById(obj).innerHTML = "<TABLE><TR onMouseOver=effetLoupe('"+obj+"')><TD>" + text + "</TD></TR></TABLE>"
- }
- function effetLoupe(obj) {
- aff = ""
- increment = (maximo-minimo)/(text.length/2)
- pos = 0
- taille = minimo
- for(a=0; a<text.length; a++) {
- lettre = text.charAt(a)
- if (pos+minimo >= maximo) { increment = -increment }
- pos += increment
- taille = minimo + pos
- aff += "<TD><FONT style='font-size:" + taille + "'>"+lettre+"</FONT></TD>"
- }
- document.getElementById(obj).innerHTML = "<TABLE><TR onMouseOut=initEffetLoupe('"+obj+"')>" + aff + "</TR></TABLE>"
- }
- </script>
- <DIV ID="txt1" >-</DIV>
- <script LANGUAGE="javascript">
- initEffetLoupe("txt1")
- </script>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Efecto ola sobre texto al pasar el mouse " href="http://www.tutores.org/codigo/929/" target="_blank">Efecto ola sobre texto al pasar el mouse </a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Efecto ola sobre texto al pasar el mouse " href="http://www.tutores.org/codigo/929/" target="_blank">Efecto ola sobre texto al pasar el mouse </a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
rosa
04-10-2007 16:42:36
2
5
hola!
es muy bonito el codigo pero a mi no me funciona,no me podeis decir paso a paso que debo hacer?
gracias!!
es muy bonito el codigo pero a mi no me funciona,no me podeis decir paso a paso que debo hacer?
gracias!!
Comentario usuario
MauriviMaurivi
5
5
Muchos de estos codigos javascript solo funcionan en Internet explorer y varian segun la version.
Saludos
Saludos
Comentario usuario
anapekanapek
1
5
Hola mi nombre es ana y tengo el siguiente problema que nose como solucionar al pasar el mouse sobre la pag explorer o lecturas me hace un efecto ola y no me permite pasar tranquila la barrita hacia arriba o hacia bajo por favor si alguien me puede ayudar con esto .....tambien aclaro que se muy poco sobre la pc a lo cúal necesitaria algo de paciencia .un beso ana =)
INSERTAR COMENTARIO