Эффект Appear/Fade (появляться/исчезать)

Для того, чтобы применить эффект к элементу, он должен быть выделен в текущий момент, или иметь идентификатор.

1. (Не обязательно) Выделите элемент, к которому вы хотите применить эффект.
2. В панели Behaviors (Window > Behaviors) щёлкните по кнопке и выберите в меню Effects > Appear/Fade. Появится диалоговое окно (рис.1).

Рис. 1. Диалоговое окно эффекта Appear/Fade

1. Выберите идентификатор нужного элемента в меню элементов Target Element. Если вы уже выделили элемент, выберите <Current Selection> (текущее выделение).
2. В поле Effect Duration (длительность эффекта) задайте длительность эффекта в миллисекундах.
3. Выберите эффект, который вы хотите применить: Fade (исчезать) или Appear (появляться).
4. В поле Fade From задайте процент непрозрачности, который вы хотите в начале эффекта.
5. В поле Fade To задайте процент непрозрачности, до которого элемент должен исчезнуть.
6. Выберите Toggle Effect (переключение), если вы хотите, чтобы эффект был обратимым, идущим от прозрачного к видимому и обратно от видимого к прозрачному при последовательных щелчках.

В панели поведения Behaviors появится строка с событием и его обработчиком:

Задание 1

Поставьте на странице три картинки, по щелчку на которых они должны:

• первая — постепенно исчезать;
• вторая — мгновенно исчезать;
• третья — становиться полупрозрачной.

В HTML-элементе прописывается событие
onclick="MM_effectAppearFade(this, 1000, 100, 0, false)"
Нетрудно догадаться, что первый аргумент функции — элемент, который будет изменяться, второй — длительность изменения, третий — начальный процент непрозрачности, четвёртый — конечный процент непрозрачности, пятый — переключение.