Поделиться
145. Практическая работа №5. Слои. Движущиеся элементы..doc
Практическая работа №5. Слои. Движущиеся элементы.
Задание 18.
1. Рассмотрите скрипт:
<html>
<head>
<title>simple animation</title>
<script language="JavaScript">
function moveTxt()
{
if (anil.style.pixelLeft < 500)
{
setTimeout("moveTxt()", 5000);
}
}
</script>
</head>
<body onLoad="moveTxt()">
<div id="anil" style="position:absolute; left:10; top:10">
Текст, шагом марш!
</div>
</body>
</html>
2. Измените скрипт страницы:
• добейтесь плавного передвижения текста;
• измените направление текста - задайте направление сверху вниз при помощи атрибута pixelTop.
3. Сохраните документ с именем Ex18.html в рабочей папке.
Задание 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 в рабочей папке.
Задание 20.
1. Создайте HTML-страницу, на которой будет три слоя. Верхний и нижней представляют из себя статичные квадраты разного цвета с текстом, а меду ними должна проплывать любая картинка слева направо.
2. Сохраните документ с именем Ex20.html в рабочей папке.
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
