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

RadialWipe

RadialWipe

RadialWipe()

Старое содержание элемента радиально стирается, наподобие стиранию дворниками на стекле, а новое появляется

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

Атрибуты

Свойства

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

Задает или возвращает метод, которым будет показываться новое содержимое.

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

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

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

Пример 1:

<SCRIPT>

<!-- Declare an array and index counter to access wipeStyles. -->var arrWipeStyles = new Array();arrWipeStyles = [CLOCK,WEDGE,RADIAL];var iIndexCount = 0;var bToggle = 0;function fnToggle() {

<!-- Используем массив для изменения и отображения WipeStyle -->var iStyleIndex = iIndexCount%3 ; // MOD function avoids resetting the counter. oDiv.filters[0].wipeStyle = arrWipeStyles[iStyleIndex]; oSpan.innerText = WipeStyle = " + arrWipeStyles[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" >

<!-- Этот DIV является целью перехода -->

<DIV> TEXT

<BR/>TEXT

<BR/>TEXT

<BR/>TEXT

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

Пример 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>

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