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/AVvXsEjl6dzb9KrO5Hp8OheKI0tiYCXrDvJVG0IOmeFHTIA1wc036UdvO6IpejYWKN0jVoZ-mEwYXdeq6lTc5bDq47KnlCQEsY0ngfXH5qag02HC1e8x5ZMn5cTnCgjeGGUDYyu3MwvlGl8QsdOo/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQ2XA-XCe0kV_PaqUzxDDpxCnFzfa9HbS8go7KFN91pf7sLWfJpCnxkZXKNBvDJCnNu4w4eU2YuR_pkJlsf2zaWtc_nMnWF_QCwSlcuSJsXNjgrbjAU8Jn2c3dpBCQ_32lgOyZePTp3q5/s1600/banner-125x125-2.png'" onMouseDown="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOq1OFHe0_5ss_8uE2nEqqub8IXYd02Kt6d5TVtx5FXu_SQUa95x6fLex2ZTPsUzb5dL5W266mTQmxgJk2d3ps7-OhxR_afYW92XKZyCwIXrENxE0mJqOTUpdbQhdbzrbVdX4JW-pzCHyX/s1600/banner-125x125-3.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKiCDXJcfPna6eT0niIZh2nbO0Lf7gCRBLSM1fq9aKXIBlHwik0Qoxi9tIsPRNCWV6YhCSbfbDXJwvbqvElQG8PPtqCq1HCEIKMezI1y4m4qyLSHdiSv8Lm4_uFHNmrtZGu7plS7fAZyKi/s1600/banner-125x125-4.png'"/>
</a>
<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl6dzb9KrO5Hp8OheKI0tiYCXrDvJVG0IOmeFHTIA1wc036UdvO6IpejYWKN0jVoZ-mEwYXdeq6lTc5bDq47KnlCQEsY0ngfXH5qag02HC1e8x5ZMn5cTnCgjeGGUDYyu3MwvlGl8QsdOo/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQ2XA-XCe0kV_PaqUzxDDpxCnFzfa9HbS8go7KFN91pf7sLWfJpCnxkZXKNBvDJCnNu4w4eU2YuR_pkJlsf2zaWtc_nMnWF_QCwSlcuSJsXNjgrbjAU8Jn2c3dpBCQ_32lgOyZePTp3q5/s1600/banner-125x125-2.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKiCDXJcfPna6eT0niIZh2nbO0Lf7gCRBLSM1fq9aKXIBlHwik0Qoxi9tIsPRNCWV6YhCSbfbDXJwvbqvElQG8PPtqCq1HCEIKMezI1y4m4qyLSHdiSv8Lm4_uFHNmrtZGu7plS7fAZyKi/s1600/banner-125x125-4.png'"/>
</a>
<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl6dzb9KrO5Hp8OheKI0tiYCXrDvJVG0IOmeFHTIA1wc036UdvO6IpejYWKN0jVoZ-mEwYXdeq6lTc5bDq47KnlCQEsY0ngfXH5qag02HC1e8x5ZMn5cTnCgjeGGUDYyu3MwvlGl8QsdOo/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQ2XA-XCe0kV_PaqUzxDDpxCnFzfa9HbS8go7KFN91pf7sLWfJpCnxkZXKNBvDJCnNu4w4eU2YuR_pkJlsf2zaWtc_nMnWF_QCwSlcuSJsXNjgrbjAU8Jn2c3dpBCQ_32lgOyZePTp3q5/s1600/banner-125x125-2.png'"/>
</a>
<a href="URL de página">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl6dzb9KrO5Hp8OheKI0tiYCXrDvJVG0IOmeFHTIA1wc036UdvO6IpejYWKN0jVoZ-mEwYXdeq6lTc5bDq47KnlCQEsY0ngfXH5qag02HC1e8x5ZMn5cTnCgjeGGUDYyu3MwvlGl8QsdOo/s1600/banner-125x125.png" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtQ2XA-XCe0kV_PaqUzxDDpxCnFzfa9HbS8go7KFN91pf7sLWfJpCnxkZXKNBvDJCnNu4w4eU2YuR_pkJlsf2zaWtc_nMnWF_QCwSlcuSJsXNjgrbjAU8Jn2c3dpBCQ_32lgOyZePTp3q5/s1600/banner-125x125-2.png'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl6dzb9KrO5Hp8OheKI0tiYCXrDvJVG0IOmeFHTIA1wc036UdvO6IpejYWKN0jVoZ-mEwYXdeq6lTc5bDq47KnlCQEsY0ngfXH5qag02HC1e8x5ZMn5cTnCgjeGGUDYyu3MwvlGl8QsdOo/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:
0 comments:
Post a Comment