Текст, автоматически меняющий цвет через плагин randomColor на jQuery
Интересный плагин, который позволит вам установить на сайт текст, который будет менять свой цвет или цвет подложки под ним. Отличительная особенность данного плагина - гибкость настройки и лёгкость установки
Для начала посмотрите ДЕМО
Установка:
1#: После /head на нужных страницах вставляйте:
1 2 3 4 5 6 7 8 9 10 |
<script type='text/javascript' src='/js/jquery.randomColor.js'></script> <script type='text/javascript'> //<![CDATA[ $( document ).ready( function(){ $('#p1').randomColor({color:'#ffffff',target:'background',interval:10,amount:1,direction:'+',rgbType:0}); $('#p2').randomColor({color:'#ffffff',target:'text',interval:10,amount:1,direction:'+',rgbType:0}); }); }); //]]> </script> |
Немного разберём настройки:
p1 - Уникальный ID текста, который будет обработан плагином с заданными настройками
color:'#ffffff' - Первоначальный цвет текста
target:'background' - Тип анимирования (background - Подложка под текстом, text - Сам текст)
interval:10 - Интервал между сменой цвета (В секундах)
amount:1 - Сколько раз будет меняться цвет за заданный интервал
2#: Текст, который следует анимировать, оформляем следующим образом:
1 2 |
<p id='p1'>Здесь текст, у которго будет анимирована подложка</p> <p id='p2'>Здесь текст, который сам будет анимирован</p> |
Осталось лишь залить JS файл из прикрепленного архива в папку js