Simple Rollover Effect

Posted by Planeta Srbija | 13.10.09 | | 0 comments »

The most easiest way to achieve a rollover effect without using java-script (which one part goues into page header and slows down the page loading) is this one. You can use it even in in your blogposts!

<div style="text-align: center;"><a href="#">
<img alt="Click Me" onmouseout="this.src='http://www.pic1.jpg'" onmouseover="this.src='http://www.pic2.jpg'" src="http://www.pic1.jpg" />

DEMO: (place mouse cursor on the gray picture)

Click Me


Take a look on my other postings: