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

Iris

Iris

Iris()

Создает эффект радужной оболочки глаза, подобной открытию объектива камеры

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

Атрибуты

Свойства

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

Задает или возвращает форму лепестков.

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

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

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

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

Пример 1:

<SCRIPT>

<!-- Задаем массив с возможными значениями параметра IrisStyles. -->var arrIrisStyles = new Array();arrIrisStyles = [DIAMOND,CIRCLE,CROSS,PLUS,SQUARE,STAR];var iIndexCount = 0;var bToggle = 0;function fnToggle() {

<!-- Используем массив для отображения параметра IrisStyles. -->var iStyleIndex = iIndexCount%6 ; // MOD функция предотвращает // повторную установку счетчика. oDiv.filters[0].irisstyle = arrIrisStyles[iStyleIndex]; oSpan.innerText = IrisStyle = " + arrIrisStyles[iStyleIndex] + "; oDiv.filters[0].Apply(); // После того, как применяется метод Apply к выбранному объекту// фильтр не запустится пока не будет вызван метод Play if (bToggle) { bToggle = 0; oDiv.style.backgroundColor="gold"; } else { bToggle = 1; oDiv.style.backgroundColor="green"; } oDiv.filters[0].Play(); iIndexCount += 1;}</SCRIPT>

<BUTTON>Запустить преобразование</BUTTON>

<BR/>

<BR/><FONT SIZE="+4" >

<!-- This DIV is the target of the transition. -->

<DIV> TEXT

<BR/>TEXT

<BR/>TEXT

<BR/>TEXT

<BR/> </DIV><SPAN></SPAN>

Пример 2:

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

<DIV>

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

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

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

<DIV>

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

<BUTTON>Запустить преобразование</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>

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