Напишем сценарий, при выполнении которого изображение начинает увеличиваться, как только курсор мыши попадает в область изображения. При решении задачи воспользуемся свойством width объекта Image. При каждом вызове функции grpict1() увеличивается размер выводимого изображения. Когда ширина выводимого изображения станет более 200, то движение прекратиться. HTML-код документа с описанным визуальным эффектом приведен в листинге 6.7.
Листинг 6.7. Увеличивающееся изображение
|
|
<HTML>
<HEAD>
<TITLE>Увеличивающееся изображение
<SCRIPT LANGUAGE="JavaScript">
<!--
var d = document
var w = 100
// эффект увеличения изображения
function grpict1()
{ if (w < 200)
{ w=w+10
d.mypict.width = w
setTimeout("grpict1()", 500)
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<h4>При наведении курсора мыши на
рисунок, изображение начинает приближаться к зрителю.</h4>
<img src="p1.jpg" name=mypict width=100 onMouseOver="grpict1()">
</BODY></HTML>
|
|
Пример выполнения