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

Динамические фильтры

Динамические фильтры

Barn()

Создает эффект "открывающейся и закрывающейся двери".

Здесь sProperties - строка, содержащая один или несколько свойств, задающих поведение фильтра.

Атрибуты

Свойства

Задает или возвращает признак разрешения применения фильтра.

Задает или возвращает направление движения: от центра к границам или наоборот.

Задает или возвращает направление преобразования: по вертикали или по горизонтали.

Задает процент выполнения преобразования.

Возвращает состояние выполнения преобразования.

Замораживает элемент страниы, после чего вы можете делать с ним все, что хотите.

Пример 1:

<SCRIPT>var bToggle = 0;function fnToggle() { oDiv.filters[0].Apply(); // После того, как применяется метод Apply к выбранному объекту// фильтр не запустится пока не будет вызван метод Play if (bToggle) { bToggle = 0; oDiv.style.backgroundColor="gold"; } else { bToggle = 1; oDiv.style.backgroundColor="blue";} oDiv.filters[0].Play();}</SCRIPT>

<BUTTON>Toggle Transition</BUTTON>

<BR>

<BR>

<DIV></DIV>

Пример 2:

<!-- К этому элементу применяется фильтр. -->

<DIV>

<!-- Это первое содержимое, которое будет показано. -->

<DIV> This is DIV #1 </DIV>

<!-- Это содержимое, которое будет показано после применения фильтра. -->

<DIV>

<BR> This is DIV #2 </DIV> </DIV>

<BUTTON>Toggle Transition</BUTTON>

<SCRIPT>var bTranState = 0;function fnToggle() { oTransContainer.filters[0].Apply(); if (bTranState=="0") { bTranState = 1; oDIV2.style.visibility="visible"; oDIV1.style.visibility="hidden"; } else { bTranState = 0; oDIV2.style.visibility="hidden"; oDIV1.style.visibility="visible";} oTransContainer.filters[0].Play();}</SCRIPT>

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