Иллюстрированный самоучитель по Adobe GoLive 6

Графические фильтры

Начнем с простых фильтров отражения. Фильтр с наименованием "fliph" задает горизонтальное отражение элемента. Код HTML-документа, в котором используется данный фильтр приведен в листинге 7.12.

Листинг 7.12

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  
<head>
    <title>Графические фильтры</title>
    <script language="javascript">
        //<!--
        function filtering() {
                document.all.p1.style.filter = "fliph";
            }
            //-->
    </script>
</head>
  
<body>
    <p>
        <img id="p1" src="htm.gif" onClick="filtering()">
    </p>
</body>
  
</html>

Иллюстрированный самоучитель по Adobe GoLive 6 › Динамический HTML › Графические фильтры
Рис. 7.12. Окно браузера с результатом отображения файла, приведенного в листинге 7.12, после того как сработал графический фильтр

Как видно, код документа не слишком отличается от предыдущего листинга. Основное отличие – в механизме действия статического фильтра. Как легко видеть на рис. 7.12, в процессе его применения к рисунку, тот был отражен относительно вертикальной оси, проходящей через его центр.

Существует также фильтр, отражающий содержимое элемента по вертикали. На рисунке 7.13 приведен HTML-документ, использующий данный фильтр.

Иллюстрированный самоучитель по Adobe GoLive 6 › Динамический HTML › Графические фильтры
Рис. 7.13. Окно браузера с результатом отображения файла, приведенного в листинге 7.13, после того как сработал графический фильтр

Из приведенного кода HTML-документа становится ясно, данный статический фильтр носит наименование "flipv". А на рис. 7.13 видно, что данный фильтр отражает содержимое элемента Web-страницы по вертикали, относи тельно горизонтальной оси элемента, проходящей через его центр.

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.