31 lines
737 B
HTML
31 lines
737 B
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<script src="animate.js"></script>
|
||
<style>img { display: block; cursor: pointer; }</style>
|
||
</head>
|
||
<body>
|
||
|
||
Кликните картинку для анимации. Расположение элементов при анимации не должно меняться!
|
||
<table>
|
||
<tr>
|
||
<td>Догнать</td>
|
||
<td><img onclick="growIn(this)" src="https://js.cx/clipart/flyjet.jpg" width="400" height="240">
|
||
</td>
|
||
<td>..и перегнать!</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<b>В процессе анимации повторные нажатия на изображение игнорируются.</b>
|
||
|
||
<script>
|
||
function growIn(img) {
|
||
/* ваш код */
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|
||
|
||
|