Разноцветные буквы в словах на jQuery by Apocalypse
Данное решение я разработал со скуки. Суть скрипта в том, что он окрашивает каждую букву в предложениях в случайный цвет из вашего набора
Для начала посмотрите ДЕМО
Моё тестирование в редакторе: КЛИК
Установка:
1#: HTML код примера:
1 |
<div class="aporainbow">IMAPO.RU - Только уникальные скрипты</div> |
2#: Javascript код примера. Вставлять сразу после предыдущего:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<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> |
В этом скрипте используется просто замечательный пример того, как можно обрамить каждую букву в слове. Используйте для воплощения других своих фантазий
За основу взято решение из ЭТОГО топика