Динамические фильтры (переходы)

Динамические фильтры позволяют определять переход от одного визуального эффекта к другому, задавая тип эффекта и его продолжительность.

Фильтр blendTrans()

задает постепенное проявление (исчезновение) объекта путем изменения его прозрачности.

Параметрыфильтра blendTrans():

§ duration – указывает время в секундах, в течение которого осуществляется переход;

§ status – позволяет определить и изменить состояние перехода на момент выполнения сценария (доступ к этому параметру осуществляется только из сценария). Если status=0, то либо переход еще не начинался, либо он остановлен. Если status=l, то переход закончился. Если status=2, то переход находится в стадии выполнения.

Методы фильтра blendTrans():

§ Арр1у() – позволяет изменить значения параметров перехода и самого элемента;

§ Р1ау() – используется для выполнения перехода;

§ Stop() – позволяет остановить выполнение перехода.

Пример применения фильтра blendTrans():

Написать сценарий, в котором после щелчка мышью по изображению оно начинает растворяться, исчезая совсем.

Листинг:

<HTML>

<HEAD>

<SCRIPT>

function my()

{p1.filters.blendTrans.Apply();

p1.filters.blendTrans.Play();

p1.style.visibility="hidden"

}

</SCRIPT>

</HEAD>

<BODY>

<img src="1.gif" id="pl" style="filter: blendTrans (duration=10);
height: 200; width: 200" onClick='my()'>

</BODY>

</HTML>

Фильтр revealTrans()

позволяет исчезать и проявляться разными способами. Тип перехода задается значением свойства transition. Свойство duration – указывает время в секундах, в течение которого осуществляется переход.

Пример применения фильтра:

<img src=l.gif id=p1 style="filter: revealTrans (duration=30, trasition=N)">, где N – натуральное число, которое задает тип перехода.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: