Почему же простые? тут много нюансов. Кешит ли картинки твои скрипт или нет? Может подгружает когда наводишь каждый раз, это напрягает.
Можно в CSS ещё сделать, что более модно
Вот например.
Код:
a { background: url(/images/x.jpg) no-repeat left top; display: block; height: 50px; width: 100px; }
<a href="/">Кнопка</a>
но в этом случае в IE будет мигать курсор на wait подменяться, это bug у него. и надпись будет видна. Надпись можно убрать как ниже показано:
Код:
a { background: url(/images/x.jpg) no-repeat left top; display: block; height: 50px; width: 100px; }
a:hover { background: url(/images/x2.jpg); }
b { display: none; }
<a href="/"><b>Кнопка</b></a>
если ссылок больше чем одна на сайто можно назначить class или id для ссылок.
Код:
a.button { background: url(/images/x.jpg) no-repeat left top; display: block; height: 50px; width: 100px; }
a.button:hover { background: url(/images/x2.jpg); }
.button b { display: none; }
<a href="/" class="button"><b>Кнопка</b></a>
ещё можно вообще обходиться одной картинкой, что лучше всего. т.е. в одну картинку нарисовать 2 кнопку и менять их позицию при событии
Код:
a.button { background: url(/images/x.jpg) no-repeat left top; display: block; height: 50px; width: 100px; }
a.button:hover { no-repeat left bottom; }
.button b { display: none; }
<a href="/" class="button"><b>Кнопка</b></a>
пиши в приват если вопросы