Mouseover en ASP.NET

23 08 2009

Hay varias formas de lograr esto. Sin embargo esta me parece la más sencilla, sin mucho código y dificultad. (Cabe aclarar que este ejemplo de mouseover es aplicado a imagebutton que se encuentren en nuestra pagina hecha con ASP.NET)

Únicamente tienen que ir al método que carga la página en donde se encuentra el botón que se le quiere aplicar el mouseover (por lo general el método se llama Page_Load) y agregar dos líneas de código, algo como esto:

BotonPropuestas.Attributes.Add(“onmouseover”,”this.src=’Imagenes/propuestas2.png'”);
BotonPropuestas.Attributes.Add(“onmouseout”, “this.src=’Imagenes/propuestas1.png'”);

A través de esto le estaremos agregando un atributo al botón, y en el .src le especificamos la ruta de la imágen a poner cuando el cursor este sobre el botón al cual se quiere aplicar mouseover. Obviamente la segunda línea de código es para que cuando el cursor ya no este encima del botón este vuelva a poner su imagen original.

A continuación adjunto un ejemplo visual de como se vería esto:

ejemplo3

ejemplo4


Acciones

Información

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s




A %d blogueros les gusta esto: