Лабораторная работа №3
Задание №2
<html>
<title>Меню галерей.</title>
<head>
<script type="text/javascript">
function pictz1()
{ document.images[0].src="img/butz.jpg" }
function pict1()
{ document.images[0].src="img/but1.jpg" }
function pictz2()
{ document.images[1].src="img/butz.jpg" }
function pict2()
{ document.images[1].src="img/but2.jpg" }
function pictz3()
{ document.images[2].src="img/butz.jpg" }
function pict3()
{ document.images[2].src="img/but3.jpg" }
function pictz4()
{ document.images[3].src="img/butz.jpg" }
function pict4()
{ document.images[3].src="img/but4.jpg" }
</script>
<link rel="stylesheet" href="humwrk/style.css" type="text/css">
</head>
<body align="justify">
<center>
<a name="Галерея" href="gallery1.html"><img src="img/but1.jpg" onmouseover="pictz1()" onmouseout="pict1()"></a>
<img src="img/but2.jpg" onmouseover="pictz2()" onmouseout="pict2()">
<img src="img/but3.jpg" onmouseover="pictz3()" onmouseout="pict3()">
<img src="img/but4.jpg" onmouseover="pictz4()" onmouseout="pict4()">
</center>
</body>
</html>
Задание №3
<html>
<title>Задание 3</title>
<head>
<script type="text/javascript">
function pict()
{
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";
}
function vl()
{
var n;
n=document.images[0].src;
document.images[0].src=document.images[1].src;
document.images[1].src=document.images[2].src;
document.images[2].src=document.images[3].src;
document.images[3].src=document.images[4].src;
document.images[4].src=n;
}
function vp()
{
var n1;
n1=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=n1;
}
</script>
<link rel="stylesheet" href="humwrk/style.css" type="text/css">
</head>
<body>
<center>
<h2>Галерея</h2>
Нажимайте кнопки для прокрутки.
<table width="80%">
<tr>
<div style="display: none;"><img src="img/5.jpg" width="1" height="1"></div>
<td width="20%" align=center><img src="img/1.jpg" width="100" height="100"></td>
<td width="60%" align=center><img src="img/2.jpg" width="400" height="400"></td>
<td width="20%" align=center><img src="img/3.jpg" width="100" height="100"></td>
<div style="display: none;"><img src="img/4.jpg" width="1" height="1"></div>
</tr>
</table>
<input type="button" value="Влево" onclick="vl()">
<input type="button" value="Вправо" onclick="vp()">
</center>
</body>
</html>
Лабораторная работа №4
<html>
<title>Счетчик площадей</title>
<head>
<link rel="stylesheet" href="humwrk/style.css" type="text/css">
<script type="text/javascript">
function pl(kontr)
{
var kontr;
if(kontr==1)
{
rt=tri();
return alert(rt);
}
else if(kontr==2)
{
rk=kv();
return alert(rk);
}
else if(kontr==3)
{
ro=okr();
return alert(ro);
}
else
{
rs=sht();
return alert(rs);
}
}
function tri()
{
var a1, b1, c1;
a1=eval(document.forms[0].elements[0].value);
b1=(3*a1)/2;
c1=Math.sqrt(b1*(b1-a1)*(b1-a1)*(b1-a1));
return c1;
}
function kv()
{
var a2, b2;
a2=eval(document.forms[0].elements[0].value);
b2=a2*a2;
return b2;
}
function okr()
{
var a3, b3;
a3=eval(document.forms[0].elements[0].value);
b3=3.14*(a3*a3);
return b3;
}
function sht(){
var a4, b4, d4, e4;
a4=eval(document.forms[0].elements[0].value);
b4=(3*a4)/2;
e4=Math.sqrt(b4*(b4-a4)*(b4-a4)*(b4-a4));
d4=6*e4;
return d4;
}
</script>
</head>
<body>
<center>
<form name="form1">
Введите сторону/радиус и выберите фигуру:<input type="text" name="pole1" value="a">
<br>
<img src="img/tri.jpg" onclick="pl(kontr=1)">
<img src="img/kv.jpg" onclick="pl(kontr=2)">
<img src="img/okr.jpg" onclick="pl(kontr=3)">
<img src="img/6ug.jpg" onclick="pl(kontr=4)">
</form>
</center>
</body>
</html>