Надо отметить, что фильтры отображаются только в браузерах 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, который переворачивает изображение вокруг вертикальной оси.