domingo, 2 de mayo de 2010

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/AVvXsEgffNifNFXNJjnMM7hHsOpxY0yNtfUAiRXgKIN6twYtevtdQXqxip4x-IPJur48b4xBLKQ04y-gGFlce6U_aID6-kO_lsXMxfaV9a0xPlKXSG2PgY-GieUjjnvav5oidyy0-mLDSNtYK3iA/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbigKtnw5YGlgmwtBvc4QV5WIXGCK_-cHbUBuiXrJgbp9bAG5vP9gRmq2zU7d2Rl6tYtym2nrPmO2KPTN6Pdt6hUFgYkgqHhBksxcGKzvlbessQUHZvE2Qj0I67luzHzlYPJ1akdV5Yn2b/s1600/banner-125x125-2.png'" onMouseDown="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNaFri12TOPd_yHBFhiMPj64OfdXj9qHOlCLJ7tb97x-efg30prrRgyo7iQN7iNaN2CAJKh4q_40tQ8vA_Z2dIE2WQs01ToWa0dKzb_qVQ4fAGj4TGYdvvZphCqPHWU4sP0iCZfKIBnWa9/s1600/banner-125x125-3.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7LFEgHIqfz9DArCwFnGQ6daiovMpkTFXN8qjwh3UQ9Fs4x3iEDQw3pUp9L2GR151kxQl6S1mS6uTMAC59YNlTnwGtMpiW0At644fnGIc2T3jhCKrZ4far167KG6uTug6W_lrvlQJuNGF-/s1600/banner-125x125-4.png'"/>
</a>


<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffNifNFXNJjnMM7hHsOpxY0yNtfUAiRXgKIN6twYtevtdQXqxip4x-IPJur48b4xBLKQ04y-gGFlce6U_aID6-kO_lsXMxfaV9a0xPlKXSG2PgY-GieUjjnvav5oidyy0-mLDSNtYK3iA/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbigKtnw5YGlgmwtBvc4QV5WIXGCK_-cHbUBuiXrJgbp9bAG5vP9gRmq2zU7d2Rl6tYtym2nrPmO2KPTN6Pdt6hUFgYkgqHhBksxcGKzvlbessQUHZvE2Qj0I67luzHzlYPJ1akdV5Yn2b/s1600/banner-125x125-2.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7LFEgHIqfz9DArCwFnGQ6daiovMpkTFXN8qjwh3UQ9Fs4x3iEDQw3pUp9L2GR151kxQl6S1mS6uTMAC59YNlTnwGtMpiW0At644fnGIc2T3jhCKrZ4far167KG6uTug6W_lrvlQJuNGF-/s1600/banner-125x125-4.png'"/>
</a>


<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffNifNFXNJjnMM7hHsOpxY0yNtfUAiRXgKIN6twYtevtdQXqxip4x-IPJur48b4xBLKQ04y-gGFlce6U_aID6-kO_lsXMxfaV9a0xPlKXSG2PgY-GieUjjnvav5oidyy0-mLDSNtYK3iA/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbigKtnw5YGlgmwtBvc4QV5WIXGCK_-cHbUBuiXrJgbp9bAG5vP9gRmq2zU7d2Rl6tYtym2nrPmO2KPTN6Pdt6hUFgYkgqHhBksxcGKzvlbessQUHZvE2Qj0I67luzHzlYPJ1akdV5Yn2b/s1600/banner-125x125-2.png'"/>
</a>


<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffNifNFXNJjnMM7hHsOpxY0yNtfUAiRXgKIN6twYtevtdQXqxip4x-IPJur48b4xBLKQ04y-gGFlce6U_aID6-kO_lsXMxfaV9a0xPlKXSG2PgY-GieUjjnvav5oidyy0-mLDSNtYK3iA/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbigKtnw5YGlgmwtBvc4QV5WIXGCK_-cHbUBuiXrJgbp9bAG5vP9gRmq2zU7d2Rl6tYtym2nrPmO2KPTN6Pdt6hUFgYkgqHhBksxcGKzvlbessQUHZvE2Qj0I67luzHzlYPJ1akdV5Yn2b/s1600/banner-125x125-2.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffNifNFXNJjnMM7hHsOpxY0yNtfUAiRXgKIN6twYtevtdQXqxip4x-IPJur48b4xBLKQ04y-gGFlce6U_aID6-kO_lsXMxfaV9a0xPlKXSG2PgY-GieUjjnvav5oidyy0-mLDSNtYK3iA/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:

No hay comentarios:

Publicar un comentario