Пример будет рассказывать, как сделать две картинки, изменяющиеся при наведении на них курсором. В голову документа вставим:

<script language="Javascript">
<!--
b_1on = new Image ();
b_1on.src = "адрес картинки #1 при наведении мышью";
b_2on = new Image ();
b_2on.src = "адрес картинки #2 при наведении мышью";

b_1off = new Image ();
b_1off.src = "адрес картинки #1 при уведении миши";
b_2off = new Image ();
b_2off.src = "адрес картинки #2 при уведении мыши";

function imgAct (imgName)
{
imgOn = eval (imgName+"on.src");
document [imgName].src = imgOn;
}

function imgInAct (imgName)
{
imgOff = eval (imgName+"off.src");
document [imgName].src = imgOff;
}
-->
</script>

Теперь вставим обычную гиперссылку с картинкой, чтобы получилось вот так:

<a href="адрес_ссылки"
onMouseOver="imgAct('b_1')";
onMouseOut="imgInAct('b_1')"><img src="адрес картинки при уведении мыши"
width="ширина" height="высота" alt="комментарии" border="0"
name="b_1"></a>

<a href="адрес_ссылки"
onMouseOver="imgAct('b_2')";
onMouseOut="imgInAct('b_2')"><img src="адрес картинки при уведении мыши"
width="ширина" height="высота" alt="комментарии" border="0"
name="b_2"></a>

Вставим все необходимые параметры. Имя изображения можно вставить и другое, но главное - чтобы это имя было описано в голове документа.

Рейтинги