Разноцветные буквы в словах на jQuery by Apocalypse — Уникальные скрипты и готовые решения для сайта

Данное решение я разработал со скуки. Суть скрипта в том, что он окрашивает каждую букву в предложениях в случайный цвет из вашего набора

Для начала посмотрите ДЕМО

Моё тестирование в редакторе: КЛИК

Установка:

1#: HTML код примера:

<div class="aporainbow">IMAPO.RU - Только уникальные скрипты</div>

1	<div class="aporainbow">IMAPO.RU - Только уникальные скрипты</div>

2#: Javascript код примера. Вставлять сразу после предыдущего:

<script>
$(function() {
// Указываем класс блока, который обрабатывать
var apocurelem = $('.aporainbow');
var apolet = apocurelem.text().split('');
for(i in apolet) {
apolet[i] = '<span>' + apolet[i] + '</span>';
};
var text = apolet.join("");
apocurelem.html(text);

// Создаём массив цветов. Массив может быть любого размера
var apocolorarr = ['#f30', '#d3d', '#a3a', '#f3a', '#293'];
var min = 0;
var max = apocolorarr.length-1;
$('.aporainbow span').each(function(index) {
var aporandom = min + Math.floor(Math.random() * (max + 1 - min));
$(this).css('color', apocolorarr[aporandom]);
});
});
</script>

$(function() {

// Указываем класс блока, который обрабатывать

var apocurelem = $('.aporainbow');

var apolet = apocurelem.text().split('');

for(i in apolet) {

apolet[i] = '<span>' + apolet[i] + '</span>';

};

var text = apolet.join("");

apocurelem.html(text);

// Создаём массив цветов. Массив может быть любого размера

var apocolorarr = ['#f30', '#d3d', '#a3a', '#f3a', '#293'];

var min = 0;

var max = apocolorarr.length-1;

$('.aporainbow span').each(function(index) {

var aporandom = min + Math.floor(Math.random() * (max + 1 - min));

$(this).css('color', apocolorarr[aporandom]);

});

</script>

В этом скрипте используется просто замечательный пример того, как можно обрамить каждую букву в слове. Используйте для воплощения других своих фантазий

За основу взято решение из ЭТОГО топика

Возможно, Вам будет интересно:

Анимированные разноцветные пятна при помощи SVG

Разноцветные падающие звёзды на HTML5 Canvas

Мигающие разноцветные световые пятна на HTML5 Canvas

Разноцветные частицы, летящие слева на HTML5 Canvas

Плавно падающие разноцветные листья на SVG и HTML5 Canvas

Клик по случайной кнопке на jQuery by Apocalypse