Понедельник, 23.10.2017, 07:19
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Какой дизайн лучше?


Всего ответов: 1181

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 2
Гостей: 2
Пользователей: 0


Зарегистрировано 30413 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1127 материала(ов), Оставлено 5119 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Дополнительные поля в материлы uCoz
Алексей написал:
Не работает
Новость: Блок баннеры "Наши друзья" uCoz
написал:
http://programm-ist.ucoz.org/полюбуйтесь моим сайтом))) Спс За Блок, надо подверстать! cool
Новость: Поисковые боты Google, Yandex, Rambler в статистики онлайн uCoz
написал:
в новый блок воткнул данный скрипт. Все ок. В новом блоке (бот) отображаются боты, а в статистике, добавилось/сколько ботов и посетителей Спасибо
Новость: Кнопка "На верх" для сайта UCOZ
написал:
У меня эти кнопки никак не проявляются. Пробовала разные ставить.
Новость: Выделяем цветом личные сообщения на uCoz сайте
andre написал:
Инструкции по установке скриптов http://mexanus.ru

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [11.11.2013, 01:48]

Красивые анимации текста через плагин textillate и CSS3 для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Спасиво веб-мастеру Apocalypse за очередное классное готовое решение для uCoz. Для тех кто ищет хороший плагин, создающий анимации для баннеров без картинок и флэша - вы нашли то что искали. Точнее, мы нашли и спешим поделиться с вами своей новинкой. Плагин очень прост в установке - тут нет равным по простоте продуктам от Ucoz. Имя ему Textillate и создан он через CSS3, так что сами видите - много места не займет, а установить, как мы уже говорили - проще простого.
  • Дешевые столешницы из искусственного камня в широком ассортименте Вам предлагает наша компания. Узнайте больше на сайте http://ameriko.ru/.
Так же плагин предполагает различные способы защиты анимации текста, что не маловажно при создании баннеров. Ограничений на анимацию текста вообще нет, а эффектов море - от самых простых и всем давно известных, до новых, только что придуманных и выпущенных на просторы интернета, где мы их и поймали. Текстовые сообщения могут и стремительно вылетать буковка за буковкой, и повисев немного, опадать как осенние листья вниз, цепляясь друг за друга. конечно же можно задать скорость и частоту всех этих эффектов. Так же текст может таинственно выплывать из темного фона или элементы будут вылетать в произвольном порядке, формируя части слов постепенно превращая это в осмысленное предложение. Основная фишка, конечно же в эффекте выпадения элементов - буковки падают вниз то с большой скоростью и с большей высоты, а могут просто легко раскачиваясь лениво уползать вниз - с этой штукой можно позаморачиваться долго, но эффект будет того стоить - ваш идеальный баннер с текстовым наполнением будет создан - гарантируем!

Важно! Скрипты из прикреплённого архива залейте в папку js, стиль в папку css

Установка:

После /head на нужных страницах вставляйте:
<link href="/css/animate.css" rel="stylesheet">
<script src="/js/jquery.textillate.js"></script>
<script src="/js/jquery.fittext.js"></script>
<script src="/js/jquery.lettering.js"></script>
<script>
$(document).ready(function() {
$('.tlt').textillate({
// стандартный селектор, который будет автоматически обрабатываться
selector: '.texts',
// повторение
loop: false,
// минимальное время задержки до перемещения букв
minDisplayTime: 2000,
// устанавливает задержку до начала анимации
initialDelay: 0,
// запускать ли анимацию автоматически
autoStart: true,
// анимация в начале
in
: {
// название анимации
effect: 'flip',
// фактор задержки между показом букв
delayScale: 1.9,
// задержка между буквами
delay: 50,
// установите true, чтобы все буквы анимировались одновременно
sync: false,
// перемешивать ли буквы при анимации
// (не работает, если включена предыдущая опция sync = true)
shuffle: true
},
// настройки конечной анимации
out: {
effect: 'hinge',
delayScale: 1.5,
delay: 50,
sync: false,
shuffle: false,
}
// Русификация от Apocalypse
});
});
</script>

Список доступных анимаций: flash | bounce | shake | tada | swing | wobble | pulse | flip | flipInX | flipInY | fadeIn | fadeInUp | fadeInDown | fadeInLeft | fadeInRight | fadeInUpBig | fadeInDownBig | fadeInLeftBig | fadeInRightBig | bounceIn | bounceInDown | bounceInUp | bounceInLeft | bounceInRight | rotateIn | rotateInDownLeft | rotateInDownRight | rotateInUpLeft | rotateInUpRight | rollIn

Текст, который нужно анимировать, обрамляйте в любой тег с классом tlt:
<div class="tlt">http://scripts-for-ucoz.ru</div>



При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Красивые анимации текста через плагин textillate и CSS3 для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: textillate, анимации, через, uCoz, плагин, CSS3, текста, красивые
Просмотров: 3249 | Загрузок: 19 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz