Tutoriales Gratis - Imagen - Boton 3 estados interactivo

Estas aqui: Portada

tutoriales

CSS

Imagen - Boton 3 estados interactivo

martes, 01 de agosto de 2006

Este ejemplo muestra una imagen, la cual imita el efecto de un botón de tres estados, modificandose al pasar el mouse por encima, al pulsar y al retirar el mouse con la ayuda de javascript

Explicacion:

No son necesarias muchas modificaciones en este codigo, lo unico seria: Modificar los colores qu en este caso hemos puesto #ffffff, por los colores que desees. Es importante que las etiquetas style esten dentro del Head y el resto entre body A las imagenes podemos agregarle enlaces como mostramos en uno de los ejemplos.

Codigo:

<a href="http://www.tutores.org">Codigo ofrecido por Tutores.org</a>

<head>
<style>

</style>
</head>

<a href="#"><img src = "/images/mundo.gif"
title = "Imagen(boton)con Enlace"
width = "90"
height = "90"
border = "0"
class = "mousefuera"
onmouseover = "this.className='mouseSobre'"
onmousedown = "this.className='mousepulsado'"
onmouseup = "this.className='MouseArriba'"
onmouseout = "this.className='mousefuera'"></a>

<img src = "/images/mundo2.gif"
title = "Imagen ( boton ) sin enlace"
width = "90"
height = "90"
border = "0"
class = "mousefuera"
onmouseover = "this.className='mouseSobre'"
onmousedown = "this.className='mousepulsado'"
onmouseup = "this.className='MouseArriba'"
onmouseout = "this.className='mousefuera'">

Fuente: tutores.org

< Anterior		Siguiente >

Usuarios

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

Usuarios

Sindicación

Tutoriales

Encuestas

Articulos para tu Web

Noticias

Usuarios en Línea