Вход Регистрация
* Pelmeshka

Анимированные текстовые эффекты

  1. $.fn.animateText = function(delay, klass) {
  2.  
  3. var text = this.text();
  4. var letters = text.split('');
  5.  
  6. return this.each(function(){
  7. var $this = $(this);
  8. $this.html(text.replace(/./g, '<span class="letter">$&</span>'));
  9. $this.find('span.letter').each(function(i, el){
  10. setTimeout(function(){ $(el).addClass(klass); }, delay * i);
  11. });
  12. });
  13.  
  14. };
  15.  
  16. Применение (создаем класс CSS для выделения текста и применяем плагин для элемента с текстом, например, к параграфу):
  17.  
  18. $('p').animateText(15, 'foo');
» Описание: Анимированные текстовые эффекты
» Время добавления: 1 Дек 2014 в 11:08
» Посмотров: 1500
» textarea
» Рейтинг: [+0 | -1]
Комментарии [0]
Онлайн: 4
Реклама