Напишем сценарий, во время работы которого смена рисунков происходит при наведении курсора мыши на изображение. При перемещении пользователем курсора мыши над изображением возникает событие MouseOver. Опишем функцию succpict(), которая будет реакцией на это событие, и определит, какое изображение следует поместить в документ. Воспользуется тем фактом, что загружаемое изображение хранится в ф айлах с именами m1.gif, m2.gif,…,m4.gif. Для загрузки k-ого изображения формируется имя файла по формуле "m"+k+".gif". Приведем сценарий в листинге 6.3.
| Листинг 6.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>
|
|
Пример выполнения
