Я думаю вам нужно использовать css:
<style>
li a{
display: block;
width: 20px;
height: 20px;
background: url(http://javascript.ru/forum/images/smilies/sad.gif) no-repeat;
white-space: nowrap;
text-indent: 100%;
}
li:hover a{
background-image: url(http://javascript.ru/forum/images/smilies/tongue.gif)
}
</style>
<ul>
<li>
<a href="#">Текст для SEO и прочих нужд</a>
</li>
</ul>