<img src="ссылка на основную картинку" width="ширина" height="высота"
onmouseover="this.src='ссылка на меняющиюся картинку'; this.width=ширина;this.height=высота;"
onmouseout="this.src='ссылка на основную картинку'; this.width=ширина;this.height=высота;" />

#button {
display: block;
width: 90px;
height: 90px;
background: url(/YT_off.png) no-repeat top;
}
#button:hover {
background: url(/YT_hover.png) no-repeat bottom;
}

#button:active {
background: url(/YT_on.png) no-repeat bottom;
}

<a id="button" target="_blank" href="тут сайт"></a>