Чтобы при наведении мышки на картинку-ссылку, картинка изменилась
Code
<head>
<script language="javascript">
<!--
function ChangeImg() {
if(document.images) {
eval("document."+ChangeImg.arguments[0]+
".src=('"+ChangeImg.arguments[1]+"')");
}
}
function preload() {
if (document.images) {
var imgsrc = preload.arguments;
arr=new Array(imgsrc.length);
for (var j=0; j<imgsrc.length; j++) {
arr[j] = new Image;
arr[j].src = imgsrc[j];
}
}
}
//-->
</script>
</head>
<body onLoad="preload('over1.gif', 'over2.gif', 'overN.gif')">
где overN.gif - картинка, которая должна показываться при наведении мышки.
onLoad нужен для того, чтобы картинки подгружались сразу, а не в то время,
когда навели мышку, так как на слабом канале эффекта сразу можно не заметить.
Code
<a href="1.htm" onMouseOver="ChangeImg('image1','over1.gif')" onMouseOut="ChangeImg('image1','out1.gif')"><img src="out1.gif" name="image1"></a>
<a href="2.htm" onMouseOver="ChangeImg('image2','over2.gif')" onMouseOut="ChangeImg('image2','out2.gif')"><img src="out2.gif" name="image2"></a>
<a href="N.htm" onMouseOver="ChangeImg('imageN','overN.gif')" onMouseOut="ChangeImg('imageN','outN.gif')"><img src="outN.gif" name="imageN"></a>
в <img> "name" нужно для того, чтобы JS знал, какой картинке соответствует каждая ссылка.
