Среда, 24.04.2024, 11:37
Главная Регистрация RSS
Приветствую Вас, Гость
НОВЫЕ КОМЕНТАРИИ
Коментарий:Невероятно....это полезный веб-сайты.
Добавил:Stevensleed

Коментарий:Сколько лет прошло, старина?) зарегался, просто вспомнить те времена,
Добавил:Vj PitBulvjpitbul94

Коментарий:Всё исправил, проверил , скачивайте
Добавил:Modred

Коментарий:Классный скрипт , но на PHP
Добавил:ZemHU

Коментарий:Отличный движок Добавил:DexonEdutt

Коментарий:Легко установить Добавил:Mixhoarm

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Нас сегодня посетили :
Поиск
Главная » Файлы » Скрипты для UCOZ » Другие скрипты для UCOZ

Анимированное появление блоков на jQuery и CSS3

Анимированное появление блоков на jQuery и CSS3
Story Box — это jQueryплагин для создания CSS3 анимации при прокрутки страницы. Эффект очень красивый. Его можно использовать для разных блоков на сайте а так же для вида материалов материалов, что для этого нужно, да просто установить данный плагин... А теперь установим и будем наслаждаться эти прелестным эфектом.Его работу можете оценить на страницах сайта . На страницах, где хотите видеть эффект, перед
Код
</head>
ставите:
Код
<script src="http://www.mytorrnado.com/js/jquery_animation.js"></script>  <script src="http://www.mytorrnado.com/js/story-box.min_animation.js"></script>  <link type="text/css" rel="StyleSheet" href="http://www.mytorrnado.com/css/tabs_animation.css" />
Теперь нужные элементы поместить вот в такой код:
Код
<div id="block_mid" data-sb="fadeInUp,fadeInRight,fadeInDown,fadeInLeft,fadeInUpBig,fadeInRightBig,fadeInDownBig,fadeInLeftBig,bounceInUp,bounceInRight,bounceIn Down,bounceInLeft,flipInX,flipInY,rotateIn,rotateInDownLeft,rotateInDownRight,rotateInUpLeft,rotateInUpRight,zenFadeInUp,zenFadeInRight,zenF adeInDown,zenFadeInLeft,zenFadeInUpBig,zenFadeInRightBig,zenFadeInDownBig,zenFadeInLeftBig" data-sb-hide="fadeOutUp">    Здесь ваш элемент дизайна   </div>
Также с глобальными блоками и со всем остальным. Для текста/счетчиков/картинок можно применить вот такой эффект:
Код
<div style="display: block;" data-sb="fadeInLeftBig" data-sb-hide="fadeOutUp">    Какая-нибудь картинка, текст или что-либо ещё   </div>
Анимированное появление блоков на jQuery и CSS3

ПОСМОТРЕТЬ ДЭМО ВЕРСИЮ

К материалу оставили ссылку на демоверсию, по которой вы можете оценить функционал данного материала. При обнаружении ссылки, не содержашей демоверсии, сообщите об этом Администратору.

Похожие материалы:

Категория: Другие скрипты для UCOZ | Добавил: mytorrento | Теги: jquery, блоков, css3, РАЗНЫЕ СКРИПТЫ УКОЗ, появление, анимированное
Просмотров: 898 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0