Slide

We use cookies. Read the Privacy and Cookie Policy

Slide

Slide()

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

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

Атрибуты

Свойства

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

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

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

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

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

Пример 1:

<SCRIPT>

<!-- Declare an array and index counter to access slideStyles. -->var arrSlideStyles = new Array();arrSlideStyles = [HIDE,PUSH,SWAP];var iIndexCount = 0;var bToggle = 0;function fnToggle() {

<!-- В массиве задаем значения для параметра slideStyle. -->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/>

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

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

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

<BR/>TEXT

<BR/>TEXT

<BR/>TEXT

<BR/> </DIV><SPAN ID="oSpan"></SPAN> </FONT>

Пример 2:

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

<DIV ID="oTransContainer" STYLE="position:absolute; top: 0px; left: 0px; width: 300px; height:300px; filter:progid:DXImageTransform.Microsoft.Slide(slideStyle=SWAP, bands=5) ">

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

<DIV ID="oDIV1" STYLE="position:absolute; top:50px; left:10px; width:240px; height:160px; background:gold"> This is DIV #1 </DIV>

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

<DIV ID="oDIV2" STYLE="visibility:hidden; position:absolute; top:50px; left:10px; width:240px; height:160px; background: yellowgreen; ">

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

<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>