Another thing you can do is use the background in the css + anchor tag to display this hover effect:
<style>
a#test{
background:#ff0000;
}
a#test:hover{
background:#0000ff;
}
</style>
<a id="test" href="#" style="width:100px;height:100px;display:block;" >test</a>
This will make one square with a red background, and when you move the background over it, it will turn blue. Ofc you can put the background image there and the images will change ... :)
source
share