Создание кнопки с гиперссылкой

[smile1704]

Привет, я новичек.
Создаю кнопку для перехода на другую страничку. Кнопка должна меняться при наведении мышкой или нажатии, но этого не происходит, она существует как картинка с гиперссылкой.
Почему и где ошибка??? Вот код который прописываю:
<a href="http ://ссылка для перехода на другую страничку/" target="_blank">
<img id="img1" style="margin: 0px; border: 0px none currentColor;" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'http://ссылка на картинку 1.gif')"
onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'http://ссылка на картинку 2.gif')"
onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'ссылка на картинку 1.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'http://ссылка на картинку 3.gif')" src="http://ссылка на картинку 2.gif" border="0" alt="Russian" width="100" height="20" />
</a>

[spein]

FP_swapImg - покажи функцию

[KREGI]

Сообщение от smile1704

Привет, я новичек.
Создаю кнопку для перехода на другую страничку. Кнопка должна меняться при наведении мышкой или нажатии, но этого не происходит, она существует как картинка с гиперссылкой.

использовать css (идеально css sprites)

[spein]

Я б делал так (jQuery):

<a href="#"><img rel="link" src="img1"></a>
<script>
$(document).ready(function() {
$("img[rel=link]").mouseover(function() {
$(this).attr("src", "img2");
});
$("img[rel=link]").mouseout(function() {
$(this).attr("src", "img1");
});
$("img[rel=link]").click(function() {
$(this).attr("src", "img2");
});
});
</script>