image
Inicio » Foros » JavaScript

JavaScript

Imagen

Volver al foro | Responder | Añadir nuevo tema


De: Luis Angel Hernandez Avil
Fecha: 11/03/2007
Mensaje:

Como puedo hacer para que al momento que yo paso el puntero del mouse se ilumina una imagen o tenga algun efecto!!! Gracias.


Quizás le interese
De: jbosch(vosk)
Util para: 0 personas

Fecha: 12/03/2007
Mensaje:

puedes hacerlo con los eventos 'onmouseover' y 'onmoouseout':

<img onMouseOver="efecto(this)" onMouseOut="restaura(this);"... />

la funcion 'efecto()' se encargará de modificar los atributos de la imagen (cambiar su src, modificar el css, lo que quieras); en cambio la funcion 'restaura()' se encargará de restaurar la imagen al estado inicial. en ambos casos envio como parámetro un puntero a la imagen donde se produce el evento. un ejemplo de las funciones

function efecto(i)
{
i.style.borderStyle="outset";
}
function restaura(i)
{
i.style.borderStyle="none";
}

parto de la base que la imagen no tiene bordes, en el onmouseover se aplica un borde outset, y en el onmouseout vuelvo a dejarla sin borde.

jbosch(vosk)





Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.