White cat - Справочник по CSS

На нашем сайте KnigaRead.com Вы можете абсолютно бесплатно читать книгу онлайн "White cat - Справочник по CSS". Жанр: Прочая околокомпьтерная литература издательство неизвестно, год неизвестен.

Назад 1 ... 7 8 9 10 11 Вперед

Перейти на страницу:

Атрибуты

Свойства

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

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

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

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

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

Пример 1:

var arrWipeStyles = new Array();arrWipeStyles = [CLOCK,WEDGE,RADIAL];var iIndexCount = 0;var bToggle = 0;function fnToggle() {

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

<BR/>

<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold; filter:progid:DXImageTransform.Microsoft.RadialWipe( duration=2);"> TEXT

<BR/>TEXT

Пример 2:

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

RandomBars

RandomBars()

Старое содержимое элемента страницы рассыпается на отдельные линии, а новое содержимое собирается из отдельных линий

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

Атрибуты

Свойства

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

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

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

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

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

Пример 1:

<SCRIPT>var bToggle = 0;function fnToggle() { oDiv.filters[0].orientation="vertical"; 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 onclick="fnToggle()">Запустить преобразование</BUTTON>

<BR/>

Пример 2:

<BUTTON onclick="fnToggle()">Запустить преобразование</BUTTON>

RandomDissolve

RandomDissolve()

Создает эффект поточечного появления нового содержимого на месте старого

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

Атрибуты

Свойства

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

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

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

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

Пример 1:

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

<BUTTON onclick="fnToggle()">Запустить преобразование</BUTTON>

<BR/>

<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold; filter:progid:DXImageTransform.Microsoft.RandomDissolve( duration=3);"><FONT SIZE="+4" COLOR="#A08000"> TEXT

<BR/>TEXT

Пример 2:

<BUTTON onclick="fnToggle()">Запустить преобразование</BUTTON>

Slide

Slide()

Старое содержимое элемента страницы сдвигается в сторону, открывая под собой новое содержимое (эффект слайдов)

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

Атрибуты

Свойства

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

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

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

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

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

Пример 1:

var arrSlideStyles = new Array();arrSlideStyles = [HIDE,PUSH,SWAP];var iIndexCount = 0;var bToggle = 0;function fnToggle() {

var iStyleIndex = iIndexCount%3 ; // MOD function avoids resetting the counter. oDiv.filters[0].slideStyle = arrSlideStyles[iStyleIndex]; oSpan.innerText = SlideStyle = " + arrSlideStyles[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 onclick="fnToggle()">Запустить преобразование</BUTTON>

<BR/>

<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold; filter:progid:DXImageTransform.Microsoft.Slide( duration=3, bands=8);"> TEXT

<BR/>TEXT

Пример 2:

<BUTTON onclick="fnToggle()">Запустить преобразование</BUTTON>