bez js możesz to zrobić np. tak:
#cos{
display:inline-block;
height:100px;
width:100px;
background: url('img/dodaj.png') no-repeat;
}
#cos:hover{
background: url('img/inny_obrazek.png') no-repeat;
}
<a href="#" id="cos"></a>
A najlepiej połączyć oba obrazki w jeden (img sprites) tak aby jeden był nad drugim i zrobić:
#cos{
display:inline-block;
height:100px;
width:100px;
background-image: url('img/dodaj.png') no-repeat;
}
#cos:hover{
background-position:0 -100px;
}
<a href="#" id="cos"></a>