Домашняя контрольная работа
<html>
<title>Домашнее задание, вариант 1.</title>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript">
function pics()
{
document.images[0].src="img/1.jpg";
document.images[1].src="img/2.jpg";
document.images[2].src="img/3.jpg";
document.images[3].src="img/4.jpg";
document.images[4].src="img/5.jpg";
document.images[5].src="img/6.jpg";
document.images[6].src="img/7.jpg";
document.images[7].src="img/8.jpg";
document.images[8].src="img/9.jpg";
document.images[9].src="img/10.jpg";
document.images[10].src="img/11.jpg";
document.images[11].src="img/12.jpg";
document.images[12].src="img/13.jpg";
document.images[13].src="img/14.jpg";
document.images[14].src="img/15.jpg";
document.images[15].src="img/16.jpg";
document.images[16].src="img/17.jpg";
document.images[17].src="img/18.jpg";
document.images[18].src="img/19.jpg";
document.images[19].src="img/20.jpg";
document.images[20].src="img/21.jpg";
document.images[21].src="img/22.jpg";
document.images[22].src="img/23.jpg";
document.images[23].src="img/24.jpg";
document.images[24].src="img/25.jpg";
}
function func()
{
var a, b, c, d, e;
a=document.images[4].src;
document.images[4].src=document.images[3].src;
document.images[3].src=document.images[2].src;
document.images[2].src=document.images[1].src;
document.images[1].src=document.images[0].src;
document.images[0].src=a;
b=document.images[9].src;
document.images[9].src=document.images[8].src;
document.images[8].src=document.images[7].src;
document.images[7].src=document.images[6].src;
document.images[6].src=document.images[5].src;
document.images[5].src=b;
c=document.images[14].src;
document.images[14].src=document.images[13].src;
document.images[13].src=document.images[12].src;
document.images[12].src=document.images[11].src;
document.images[11].src=document.images[10].src;
document.images[10].src=c;
d=document.images[19].src;
document.images[19].src=document.images[18].src;
document.images[18].src=document.images[17].src;
document.images[17].src=document.images[16].src;
document.images[16].src=document.images[15].src;
document.images[15].src=d;
e=document.images[24].src;
document.images[24].src=document.images[23].src;
document.images[23].src=document.images[22].src;
document.images[22].src=document.images[21].src;
document.images[21].src=document.images[20].src;
document.images[20].src=e;
}
</script>
</head>
<body>
<center>
<h2>Домашнее задание по "Практическим навыкам работы в Интернете"</h2>
<p>Это - таблица картинок. У каждого в этой домашней работе - разное действие на кнопку. <br>
У меня самое простое: надо написать скрипт передвижения картинок одной строки, а потом скопировать его 5 раз :D</p>
Просто нажмите на кнопочку снизу - и вуаля! Картинки двигаются!
<table width=40% border=0>
<tr>
<td width=20%><img src="img/1.jpg" height=100px width=100px></td>
<td><img src="img/2.jpg" height=100px width=100px></td>
<td><img src="img/3.jpg" height=100px width=100px></td>
<td><img src="img/4.jpg" height=100px width=100px></td>
<td><img src="img/5.jpg" height=100px width=100px></td>
</tr>
<tr>
<td><img src="img/6.jpg" height=100px width=100px></td>
<td><img src="img/7.jpg" height=100px width=100px></td>
<td><img src="img/8.jpg" height=100px width=100px></td>
<td><img src="img/9.jpg" height=100px width=100px></td>
<td><img src="img/10.jpg" height=100px width=100px></td>
</tr>
<tr>
<td><img src="img/11.jpg" height=100px width=100px></td>
<td><img src="img/12.jpg" height=100px width=100px></td>
<td><img src="img/13.jpg" height=100px width=100px></td>
<td><img src="img/14.jpg" height=100px width=100px></td>
<td><img src="img/15.jpg" height=100px width=100px></td>
</tr>
<tr>
<td><img src="img/16.jpg" height=100px width=100px></td>
<td><img src="img/17.jpg" height=100px width=100px></td>
<td><img src="img/18.jpg" height=100px width=100px></td>
<td><img src="img/19.jpg" height=100px width=100px></td>
<td><img src="img/10.jpg" height=100px width=100px></td>
</tr>
<tr>
<td><img src="img/21.jpg" height=100px width=100px></td>
<td><img src="img/22.jpg" height=100px width=100px></td>
<td><img src="img/23.jpg" height=100px width=100px></td>
<td><img src="img/24.jpg" height=100px width=100px></td>
<td><img src="img/25.jpg" height=100px width=100px></td>
</tr>
</table>
<input type="button" value="Жми!" onclick="func()">
</center>
</body>
</html>
и т.д.
Дальше скриншотов нет ибо нефиг тратить бумагу, деревьев и так мало .