наверно вы не раз видели как картинка сменяется другой картинкой при наведении на нее мышкой. этот эффект реализуется при помощи java-скрипта. скрипт состоит из двух частей. первая часть вставляется в html всего один раз. а вторую придется вставить столько раз сколько у вас на страничке будет сменяющихся картинок. как всегда надписи отмеченные красным необходимо подправить:

первая часть:

<script language="javascript">
<!--//

browser_name = navigator.appname;
browser_version = parsefloat(navigator.appversion);

if (browser_name == "netscape" && browser_version >= 3.0) { roll = 'true'; }
else if (browser_name == "microsoft internet explorer" && browser_version >= 3.0) { roll = 'true'; }
else { roll = 'false'; }

function over(img,ref) { if (roll == 'true') { document.images[img].src = ref; } }
function out(img,ref)  { if (roll == 'true') { document.images[img].src = ref; } }

if (roll == 'true')
{
a1=new image;a1.src="image1.gif";
a2=new image;a2.src="image2.gif";
...
ax=new image;ax.src="imagex.gif";

}
//-->
</script>

в конце первой части скрипта производится подгрузка изображений нажимающихся кнопок. необходимо подгрузить картинки нажатой и не нажатой кнопок.
...
ax=new image;ax.src="imagex.gif";
эти две строчки показывают то, что необходимо прописать подгрузку всех картинок. в работающем скрипте не должно быть троеточия и вместо x должно быть число

вторая часть:

<a href="page.htm" onmouseover="over('image_name','image2.gif');" onmouseout="out('image_name','image1.gif');"><img name="image_name" alt="текст" src="image1.gif" width=x height=y border="0"></a>

что есть что:
page.htm - имя файла ссылки
image_name - имя картинки, необходимо чтобы java-скрипт знал какую картинку менять. у каждой картинки должно быть свое имя.
image1.gif - файл не нажатой кнопки.
image2.gif - файл нажатой кнопки (будет на месте картинки image1.gif при наведении на нее мышкой)