2015-04-30
784
Напишем сценарий, во время работы которого смена рисунков происходит при наведении курсора мыши на изображение.
При перемещении пользователем курсора мыши над изображением возникает событие MouseOver. Опишем функцию succpict(), которая будет реакцией на это событие, и определит, какое изображение следует поместить в документ. Воспользуется тем фактом, что загружаемое изображение хранится в файлах с именами m1.gif, m2.gif,…,m4.gif. Для загрузки k-ого изображения формируется имя файла по формуле “m”+k+”.gif”. Приведем сценарий в листинге 4.3.
| Листинг 4.3 Смена изображений при наведении указателя мыши на изображение |
<HTML>
<HEAD>
<TITLE>Смена рисунков при перемещении курсора мыши на изображение
</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- //
var k=1
function succpict ()
{ var d=document
if (k < 4)
k=k+1
else k=1
d.mypict.src="m"+k+".gif"
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<H4>Для смены изображения поместите курсор мыши на рисунок.</H4>
<img src="m1.gif" name=mypict width=150 onMouseOver="succpict()">
</BODY>
</HTML>
