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:




Excelente bien explicado, veremos si en algun momento lo implemento,
ResponderEliminarmuchas gracias.
Siempre es bueno saber algo mas.
ResponderEliminar:) ME he quedado sorprendido con ese efecto!
ResponderEliminarMUchas Gracias!
Lo puse En mi Blog Dale Una mirada!
ResponderEliminarhttp://elblogr21.blogspot.com/
ResponderEliminarMuy bueno, ahora falta ponerle el costo.