Справочник по CSS : Фильтры в Internet Explorer : Пару вводных слов

Материал из Справочник Web-языков.

Перейти к: навигация, поиск
Главная  ::. CSS  ::. Фильтры в Internet Explorer  ::. Пару вводных слов

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

[править] Синтаксис:

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

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

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

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

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

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

<IMG SRC=img.gif STYLE="filter:alpha(opacity=50)">

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

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

[править] JavaScript:

<script language="JavaScript">
function Blur(inc){
Pic.filters.blur.strength+=inc;}
</script>
...
<IMG ID=Pic SRC=img.gif
STYLE="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 ID=Pic SRC=img.gif>

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

Личные инструменты
2.09549593925