Поделиться
144. Практическая работа №4. Объединение JavaScript и CSS.doc
Практическая работа №4. Объединение JavaScript и CSS.
Задание 15.
1. Рассмотрите скрипт:
<head>
<title>h1</title>
<script language="JavaScript">
function colorchange()
{
head.style.color = "red";
}
</script>
</head>
<body>
<h1 id="head" onmouseover="colorchange()">Добро пожаловать на нашу страницу!</h1>
</body>
</html>
2. Допишите скрипт страницы таким образом, чтобы красный цвет исчезал после отвода курсора мыши с заголовка.
3. Сохраните документ с именем Ex15.html в рабочей папке.
Задание 16.
1. Рассмотрите скрипт:
<html>
<head>
<title>text decoration</title>
<script language="JavaScript">
function addunderline()
{
head.style.textDecoration = "underline";
}
function removeunderline()
{
head.style.textDecoration = "none";
}
</script>
</head>
<body>
<h1 id="head" onMouseover="addunderline()"
onMouseout="removeunderline()">
Добро пожаловать на нашу страницу!
</h1>
</body>
</html>
2. Допишите скрипт страницы таким образом, чтобы на одинарный
щелчок мыши появлялось полоса над заголовком, а на двойной
щелчок – текст зачеркивался. Используйте события onclick,
ondblclick и значения рассматриваемого свойства overline и linethrough.
3. Сохраните документ с именем Ex18.html в рабочей папке.
Задание 17.
1. Создайте HTML-документ, содержащий любое изображение.
2. Поместите изображение в тег <div>. Задайте для него абсолютное позиционирование со смещением вниз и влево на 500 пикселей.
3. Сохраните документ с именем Ex17.html в рабочей папке.
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
