Ваш сайт начинается здесь!
iMaker

iBlog  |   Уроки веб-мастерства  |   «Просто, интересно, удивительно...»

Эффекты перехода между страницами в HTML с помощью мета тега

2008-10-17 | Версия для печати

Плавные переходы между страницами за счет специальных мета-тэгов, которые вставляются в верхнюю часть html страницы, между <HEAD> </HEAD> . При этом, подобные эффекты перехода можно ставить не только на появление страницы, но и на исчезновение. Кроме этого, стоит отметить, что функция переходов работает только под браузером Internet Explorer.

Пример использования:

<meta http-equiv="Page-Enter" content="BlendTrans(Duration=1)" />
<meta http-equiv="Page-Exit" content="BlendTrans(Duration=1)" />

Параметры:

Page-Enter - эффект появления страницы
Page-Exit - эффект выхода со страницы
content - применяемый эффект

Примеры эффектов:

blendTrans(Duration=1) - эффект плавного исчезновения
revealTrans(Duration=1,Transition=0) - эффект свертки в квадрат
revealTrans(Duration=1,Transition=1) - эффект развертки из квадрата
revealTrans(Duration=1,Transition=2) - эффект свертки в круг
revealTrans(Duration=1,Transition=3) - эффект развертки из круга
revealTrans(Duration=1,Transition=4) - эффект свертки вверх
revealTrans(Duration=1,Transition=5) - эффект свертки вниз
revealTrans(Duration=1,Transition=6) - эффект свертки вправо
revealTrans(Duration=1,Transition=7) - эффект свертки влево
revealTrans(Duration=1,Transition=8) - эффект вертикальных полос
revealTrans(Duration=1,Transition=9) - эффект горизонтальных полос
revealTrans(Duration=1,Transition=10) - эффект горизонтальных кирпичей
revealTrans(Duration=1,Transition=11) - эффект вертикальных кирпичей
revealTrans(Duration=1,Transition=12) - эффект случайного появления точек
revealTrans(Duration=1,Transition=13) - эффект вертикальной свертки
revealTrans(Duration=1,Transition=14) - эффект вертикальной развертки
revealTrans(Duration=1,Transition=15) - эффект горизонтальной свертки
revealTrans(Duration=1,Transition=16) - эффект горизонтальной развертки
revealTrans(Duration=1,Transition=17) - свертка в нижний левый угол
revealTrans(Duration=1,Transition=18) - свертка в верхний левый угол
revealTrans(Duration=1,Transition=19) - свертка в нижний правый угол
revealTrans(Duration=1,Transition=20) - свертка в верхний правый угол
revealTrans(Duration=1,Transition=21) - эффект случайных горизонтальных линий
revealTrans(Duration=1,Transition=22) - эффект случайных вертикальных линий
revealTrans(Duration=1,Transition=23) - случайный эффект

П.С. Duration=1, одна секунда.

 

iBlog  |  Уроки веб-мастерства  |  Интересные новости  |  Блог путешествий!  |  «Просто, интересно, удивительно...»