Simples efectos en imágenes

Los ejemplos no tienen ningún link asociados son solamente para ver los efectos.

<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOdHYZQlLz-mX0K62Cyj-PGgOicug3JUlB_9SD-LaG7DyJmKilmQ3ao9ovsj0FvdSv9WdVcVe7lUq22aydeV6HB-Xi9TEy8DYas7JUIsN0wHZVvEc06BcFjWkJLlELRFz7YjjaEvus5Ql8/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx3wiCuCNJMJtWgsiR7NLbit5gjBEEUTRBZaZbtJSlk3nn8m1Lf2Fczo0_7JTWEQ18EdNwZcLoXL1cHBmumSiuSf5Ked-Q8T6bZ2cLZyIxC6xgLu4wVOhrlq9iR7MgvcNUchXDUPp3IM9R/s1600/banner-125x125-2.png'" onMouseDown="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBoKU7thYE-YSLbBmO0Mp6rNNSA9zc4Td9LEYEC_A8kax_0XJs7oVpWE0d6HZkuTWhM8-Xc34gFz98Y81i1EsbvGzIbCy8HjmkiIpmmVyShqS1Su1_PcIBZ16Xxk_UdJjWHgGf9QuBdUmM/s1600/banner-125x125-3.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm1ChOts1gtbxIVtDneyyEdWfIZ0TolBoRO3rYCj9UWH1gBdAGuhQrz9crKHuFPJ381uVdxh7CgQ8QsEXC_-Mic7HT8GB2K8zTX8a46dEMBQNNLIflwLjf_He2xn4OpIrFrnYdDCFX12Rz/s1600/banner-125x125-4.png'"/>
</a>

<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOdHYZQlLz-mX0K62Cyj-PGgOicug3JUlB_9SD-LaG7DyJmKilmQ3ao9ovsj0FvdSv9WdVcVe7lUq22aydeV6HB-Xi9TEy8DYas7JUIsN0wHZVvEc06BcFjWkJLlELRFz7YjjaEvus5Ql8/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx3wiCuCNJMJtWgsiR7NLbit5gjBEEUTRBZaZbtJSlk3nn8m1Lf2Fczo0_7JTWEQ18EdNwZcLoXL1cHBmumSiuSf5Ked-Q8T6bZ2cLZyIxC6xgLu4wVOhrlq9iR7MgvcNUchXDUPp3IM9R/s1600/banner-125x125-2.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm1ChOts1gtbxIVtDneyyEdWfIZ0TolBoRO3rYCj9UWH1gBdAGuhQrz9crKHuFPJ381uVdxh7CgQ8QsEXC_-Mic7HT8GB2K8zTX8a46dEMBQNNLIflwLjf_He2xn4OpIrFrnYdDCFX12Rz/s1600/banner-125x125-4.png'"/>
</a>

<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOdHYZQlLz-mX0K62Cyj-PGgOicug3JUlB_9SD-LaG7DyJmKilmQ3ao9ovsj0FvdSv9WdVcVe7lUq22aydeV6HB-Xi9TEy8DYas7JUIsN0wHZVvEc06BcFjWkJLlELRFz7YjjaEvus5Ql8/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx3wiCuCNJMJtWgsiR7NLbit5gjBEEUTRBZaZbtJSlk3nn8m1Lf2Fczo0_7JTWEQ18EdNwZcLoXL1cHBmumSiuSf5Ked-Q8T6bZ2cLZyIxC6xgLu4wVOhrlq9iR7MgvcNUchXDUPp3IM9R/s1600/banner-125x125-2.png'"/>
</a>

<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOdHYZQlLz-mX0K62Cyj-PGgOicug3JUlB_9SD-LaG7DyJmKilmQ3ao9ovsj0FvdSv9WdVcVe7lUq22aydeV6HB-Xi9TEy8DYas7JUIsN0wHZVvEc06BcFjWkJLlELRFz7YjjaEvus5Ql8/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx3wiCuCNJMJtWgsiR7NLbit5gjBEEUTRBZaZbtJSlk3nn8m1Lf2Fczo0_7JTWEQ18EdNwZcLoXL1cHBmumSiuSf5Ked-Q8T6bZ2cLZyIxC6xgLu4wVOhrlq9iR7MgvcNUchXDUPp3IM9R/s1600/banner-125x125-2.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOdHYZQlLz-mX0K62Cyj-PGgOicug3JUlB_9SD-LaG7DyJmKilmQ3ao9ovsj0FvdSv9WdVcVe7lUq22aydeV6HB-Xi9TEy8DYas7JUIsN0wHZVvEc06BcFjWkJLlELRFz7YjjaEvus5Ql8/s1600/banner-125x125.png'"/>
</a>

onMouseOver: es disparado cuando el mouse se mueve sobre el elemento (desde afuera).

onMouseOut: es disparado cuando el mouse es movido hacia afuera de un elemento.

onMouseDown. es disparado cuando el botón del mouse es presionado sobre el elemento.

Más eventos:

Adrián J. Messina dijo...: Excelente bien explicado, veremos si en algun momento lo implemento,
muchas gracias.; 5 de mayo de 2010, 19:13
Vku dijo...: Siempre es bueno saber algo mas.; 5 de mayo de 2010, 19:28
_RosarioZapien_ dijo...: :) ME he quedado sorprendido con ese efecto!
MUchas Gracias!; 20 de enero de 2011, 14:22
_RosarioZapien_ dijo...: Lo puse En mi Blog Dale Una mirada!; 20 de enero de 2011, 14:26
Vku dijo...: http://elblogr21.blogspot.com/
Muy bueno, ahora falta ponerle el costo.; 20 de enero de 2011, 15:18

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.