이건 두장의 이미지를 사용한겁니다.
이미지에 마우스 오버를 했을때 다른 이미지가 나타나도록 한 것인데요...
이건 솔루션의 기능문의 보다는 html 문법에 대한 부분입니다.

<a href="링크주소"><img src="img.jpg" onmouseover="this.src='img_on.jpg'" onmouseout="this.src='img.jpg'" alt=""></a>

이런식으로 구성을 하면 위의 형태로 비슷하게 구성이 가능합니다.

감사합니다.