5.2 Задание 19
1. Рассмотрите скрипт:
<head>
<title>anima1</title>
<script language="JavaScript">
function moveTxt()
{
if (anim.style.pixelTop <500)
{
anim.style.pixelTop +=2;
anim.style.pixelLeft +=2;
setTimeout("moveTxt()", 50);
}
}
</script>
</head>
<body onLoad="moveTxt()">
<div id="anim" style="position:absolute; left:10; top:10">
Текст, шагом марш!
</div>
</body>
</html>
2. Измените направление текста. Задайте направление с верхнего
правого угла экрана (приблизительно) по диагонали к середине
экрана.
3. Сохраните документ с именем Ex19.html в рабочей папке.
5.2.1 Вид окна
5.2.2 Вид скрипта
<head>
<title>anima1</title>
<script language="JavaScript">
function moveTxt()
{
if (anim.style.pixelTop <500)
{
anim.style.pixelTop +=2;
anim.style.pixelRight +=2;
setTimeout("moveTxt()", 50);
}
}
</script>
</head>
<body onLoad="moveTxt()">
<div id="anim" style="position:absolute; right:10; top:10">
Текст, шагом марш!
</div>
</body>
</html>
5.3 Задание 20
1. Создайте HTML-страницу, на которой будет три слоя. Верхний и
нижней представляют из себя статичные квадраты разного цвета с
текстом, а меду ними должна проплывать любая картинка слева
направо.
2. Сохраните документ с именем Ex20.html в рабочей папке.
5.3.1 Вид окна
5.3.2 Вид скрипта
<html>
<head>
<title>Ex20</title>
<script language="JavaScript">
function moveTxt()
{
if (anil.style.pixelLeft < 900)
{
anil.style.pixelLeft +=2;
setTimeout("moveTxt()", 50);
}
}
</script>
</head>
<body onLoad="moveTxt()">
<div style="background:red; height:140px; width:140px;
position:relative; font-size:50px; z-index:3; color: white">
Это<br>
ближе
</div>
<div id="anil" style="background:url('img.jpg'); height:130px; width:130px;
top:62; left:80; position:absolute; z-index:2">
</div>
<div style="background:blue; height:80px; width:80px;
position:absolute; top:10; left:210; color:white; font-size:25px;
z-index:1">Это дальше</div>
</body>
</html>