- •Каскадные таблицы стилей css
- •Селекторы стилей
- •Значения свойств стилей
- •Свойства стилей
- •Тип шрифта
- •Оформление текста
- •Управление отображением
- •Вид элемента
- •Способ размещения
- •Вид смещения
- •Выравнивание последующего элемента
- •Управление списками
- •Генерация содержимого
- •Сброс счётчика
- •Приращение счётчика
- •Стиль нумерации/маркирования
- •Положение маркера
- •Оформление таблиц
- •Положение названия
- •Алгоритм размещения
- •Формирование границ
- •Пустые ячейки
- •Размеры элементов
- •Вертикальное выравнивание
- •Отображение элементов
- •Вид наложения
- •Область отображения
- •Способ отображения
- •Границы, отступы, поля
- •Управление вёрсткой страниц
- •Размер страницы
- •Переход на новую страницу
- •Управление интерфейсом
- •Вид курсора
- •Визуальные фильтры
- •Динамические фильтры (переходы)
- •Переход blendTrans
- •Переход revealTrans
Переход blendTrans
Переход задаёт постепенное проявление или исчезновение объекта изменением его прозрачности.
blendTrans(duration=время_перехода)
Параметр duration указывает время перехода в секундах. Переход управляется из сценария. Метод apply() изменяет значение параметра перехода и объекта. Метод play() запускает выполнение перехода. Метод stop() останавливает выполнение перехода.
|
<IMG id="Акула" src="../Images/Акула.gif" width="156" height="146" style="visibility:hidden; filter:blendTrans(duration=5)"> <INPUT onClick="Акула.filters.blendTrans.Apply(); Акула.filters.blendTrans.Play(); Акула.style.visibility='visible'" type="button" value="Показать"> |
Переход revealTrans
Переход позволяет попадать из одного визуального состояния в другое разными способами. Тип перехода заётся значением параметра transition
revealTrans(duration=время_перехода, transition=тип_перехода)
Тип перехода:
|
Тип перехода: <span id="TypeVis"></span><br> <IMG id="Slide" src="../Images/Slide0.jpg" width="246" height="184" style="visibility:hidden" style="filter:revealTrans(duration=3, transition=0)"> <INPUT onClick="num++; var numVis=num % 23; TypeVis.replaceAdjacentText('afterBegin',numVis) Slide.src='../Images/Slide'+ num % 16 +'.jpg'; Slide.style.visibility='hidden'; Slide.filters.revealTrans.Apply(); Slide.filters.revealTrans.transition=numVis; Slide.filters.revealTrans.Play(); Slide.style.visibility='visible'; this.value='Дальше'" type="button" value="Показать"> |