Разноцветные буквы в словах на jQuery by Apocalypse
|
1 |
<div class="aporainbow">IMAPO.RU - Только уникальные скрипты</div> |
|
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> |
