Skip to content
Navegación
Increase font size Decrease font size Default font size
Estas aqui: Portada arrow tutoriales arrow CSS arrow Efecto roll over de imagen en campo de texto
Efecto roll over de imagen en campo de texto Imprimir E-Mail
Calificación usuario: / 0
MaloBueno 
martes, 01 de agosto de 2006

Efecto roll over de imagen en campo de textoEste script consigue en un campo de texto cambie la imagen de fondo al pasar el mouse por encima.

Explicacion:

Debemos modificar las 2 urls que apuntan hacia las imagenes, ademas de color: para especificar el color de la fuente o letras. Al insertar imagenes transparentes el fondo del area de texto aparecerá en negro, como aparece en el ejemplo, por lo que no recomendamos insertar imagenes transparentes

 

Codigo:


<!-- El codigo ha sido proporcionado: http://www.tutores.org -->
<a href="http://www.tutores.org">Codigo ofrecido por Tutores.org</a>

<head>
<style>
textarea.imagen1{
background-color:000000;
background-image:url(/images/mundo.gif);
color:00ff00;
}
textarea.imagen2{
background-color:000000;
background-image:url(/images/mundo2.gif);
color:ff0000;
}
</style>

</head>

<textarea
rows="10" cols="60"
class="imagen1"
onMouseOver="this.className='imagen2'"
onMouseOut="this.className='imagen1'"></textarea>


 


Fuente: tutores.org
< Anterior   Siguiente >
Diseño Web
Recibe en tu Email las Últimas noticias y artículos publicados en la web


** En la ventana nueva debes ingresar el número de verificación

Usuarios

Usuario

Contraseña

Recordarme
¿Recuperar contraseña?
¿Quiere registrarse? Hágalo aquí

Sindicación

Webs Amigas
Mucho Grafico
Recursos Gratuitos para Webmasters
Tutoriales y Foro de Diseño
Recursos Oracle
Infected FX
Noticias Informaticas
Noticias Gadget
Intercambio de Links