Книга: Справочник по CSS

Пару вводных слов

Пару вводных слов

Надо отметить, что фильтры отображаются только в браузерах Internet Explorer не ниже 4-ой версии.

Синтаксис:

"filter:имя_фильтра(параметр1=значение, параметр2=значение,...)"

Некоторые фильтры могут быть без параметров.

Фильтры деляться на статические и динамические. Статические фильтры меняют вид объекта, а сам он остается неподвижным. Динамические фильтры позволяют менять объект с задаваемой скоростью переключения кадров.

Далее будут мною описаны 18 статических и 19 динамических фильтра.

Фильтры применяют через параметр STYLE:

Возьмём картинку (img.gif) и применим к ней фильтр прозрачности:

<IMG SRC=img.gif>

- имеем ту же картинку, но полупрозрачную.

Фильтры поддерживаются языками сценариев. Доступ к фильтрам организуется через объектное свойство filters и атрибут ID графического элемента.

JavaScript:

<SCRIPT language="JavaScript">function Blur(inc){Pic.filters.blur.strength+=inc;}</script>...<IMG SRC=img.gifSTYLE="filter:blur(strength=10)"OnMouseOver="javascript:Blur(20)"OnMouseOut="javascript:Blur(-20)">

Здесь функция Blur() обращается к фильтру blur объекта Pic и изменяет его параметр strength при наведении курсора мышки.

VBScript:

<SCRIPT language="VBScript"> Pic.style.filter = "flipv" </script> ... <IMG SRC=img.gif>

Здесь используется фильтр flip, который переворачивает изображение вокруг вертикальной оси.

Оглавление книги