August 13, 2011


Simple Mouseover Effect Code For Images






Code

<img alt="Image01" onmouseout="this.src='image 1'" onmouseover="this.src='image 2'" src="Image 2" />


Note: Replace image 1, Image 2 with your image url.


Look at the example below:

<img alt="Image01" onmouseout="this.src='http://1.bp.blogspot.com/_0QErh2NXB5o/TMQXg7M__NI/AAAAAAAAAXg/UcdfXJq2Hbg/3.jpg'" onmouseover="this.src='http://3.bp.blogspot.com/_0QErh2NXB5o/TMQXyg761II/AAAAAAAAAXo/EXnTyi-sMlg/45.jpg'" src="http://1.bp.blogspot.com/_0QErh2NXB5o/TMQXg7M__NI/AAAAAAAAAXg/UcdfXJq2Hbg/3.jpg" />


Result:

Image01

No comments:

Post a Comment