Домашняя контрольная работа

< 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>

и т.д.

Дальше скриншотов нет ибо нефиг тратить бумагу, деревьев и так мало J.