Случайный размер букв на 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 = ['12px', '14px', '18px', '19px', '21px', '25px', '32px', '65px'];
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('font-size', 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 = ['12px', '14px', '18px', '19px', '21px', '25px', '32px', '65px'];

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('font-size', apocolorarr[aporandom]);

});

</script>

Данный материал основан на ЭТОМ материале Автор данного чуда - Apocalypse

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

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

Apocalypse

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

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

Метки: Apocalypse Javascript jQuery Letters Random Буквы Размер Случайный

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

......

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