Разноцветные буквы в словах на jQuery by Apocalypse

Разместил: Apocalypse
2 июля 2016

Данное решение я разработал со скуки. Суть скрипта в том, что он окрашивает каждую букву в предложениях в случайный цвет из вашего набора Для начала посмотрите ДЕМО Моё тестирование в редакторе: КЛИК Установка: 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>

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

Автор публикации

не в сети 6 дней

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Комментарии: 393Публикации: 1095Регистрация: 27-08-2018

Метки: Apocalypse Color jQuery Letters Rainbow Words Буквы Разноцветные Слова

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Вам может также понравиться...

0 Комментарий

Старые

Новые

Межтекстовые Отзывы

Посмотреть все комментарии

topka

Есть скрипт ( денег или баллов ? )
где можно потратить эти баллы или передать и заработать ?

Что-то такое видел на одном сайте ( сталкер сайт на юкозе было)

2024-03-06 21:31:46

Всевидящее око

Новый пост от installusd1 в теме «PPI Pay-Per-Install Best Advertising Network»

2024-03-25 09:45:25

Всевидящее око

Новый комментарий от пользователя паоа: «пкаор» в материале Ajax отправка комментариев в Wordpess без плагинов от Apocalypse

2024-03-27 20:08:09

Apocalypse

Сайт был восстановлен спустя несколько месяцев бездействия

2024-06-27 16:12:56

fapalnaapo

а Шо случилось за что блокировали

2024-06-30 20:46:10

Apocalypse

@fapalnaapo, банально хостинг не был уплачен

2024-07-14 08:27:24

Apocalypse

Всем привет. У кого как жизнь?

2024-07-30 19:50:15

fapalnaapo

давольно таки не плохо, очень приятно, мне очень нравится между прочем

2024-08-13 10:09:49

Apocalypse

Всем доброго дня

2024-11-07 12:00:10

Al-Sher

Всем привет

2024-11-09 17:57:18

......

Для публикации сообщений в чате необходимо авторизоваться