Графические фильтры
Начнем с простых фильтров отражения. Фильтр с наименованием "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>
Рис. 7.12. Окно браузера с результатом отображения файла, приведенного в листинге 7.12, после того как сработал графический фильтр
Как видно, код документа не слишком отличается от предыдущего листинга. Основное отличие – в механизме действия статического фильтра. Как легко видеть на рис. 7.12, в процессе его применения к рисунку, тот был отражен относительно вертикальной оси, проходящей через его центр.
Существует также фильтр, отражающий содержимое элемента по вертикали. На рисунке 7.13 приведен HTML-документ, использующий данный фильтр.
Рис. 7.13. Окно браузера с результатом отображения файла, приведенного в листинге 7.13, после того как сработал графический фильтр
Из приведенного кода HTML-документа становится ясно, данный статический фильтр носит наименование "flipv". А на рис. 7.13 видно, что данный фильтр отражает содержимое элемента Web-страницы по вертикали, относи тельно горизонтальной оси элемента, проходящей через его центр.