Web Rainbow Text

webmaster

Проверенный
Сообщения
3
Репутация
1
Баллы
3
Hallo Hallo


Das ist neu für mich, und ich wollte fragen, was ich tun soll, zum Beispiel für xenforo oder vbulletin war das nur aus purer Neugierde.
 

sonic

[KST]
Администратор
Сообщения
1 931
Репутация
3 437
Баллы
153
im Allgemeinen ist es zu früh für Sie, darüber nachzudenken. Lernen Sie die Grundlagen von HTML und CSS. und allgemein ist die offizielle Sprache des Forums Russisch
 
Реакции: SOUL

Skaiman

[SVG]ADD-ONS ™
Администратор
Сообщения
6 220
Репутация
6 060
Баллы
266
Создаем новый пользовательский вв-код
Тег BB-кода: rainbow
Заголовок: Rainbow Text
Описание: Rainbow Text
Режим замены: Простая замена
Опция BB-кода: Нет
Замена HTML:
Код:
<p id="rainbow">{text}</p>
<script>
var step = 3;
var content = jQuery("#rainbow");
var text = content.text();
var length = text.length;

var newContent = "";
for (var i = 0; i < length; i++) {
    newContent += "<span style=\"color:hsl(" + i * (360 / length) + ", 100%, 50%)\">" + text.charAt(i) + "</span>";
}

content.html(newContent);

setInterval(function() {
    content.find("span").each(function() {
        var style = jQuery(this).attr('style');
        var regex = /hsl\((.*?),\s*(.*?)\s*(.*?)\)/g;
        var match = regex.exec(style);
        var h = match[1];
        var h = +(h - step) % 360;
        
        jQuery(this).attr({style: "color:hsl(" + h + ", 100%, 50%)"});
    });
}, 50);
</script>
 

webmaster

Проверенный
Сообщения
3
Репутация
1
Баллы
3
Да, извините, Google использовал хром, и у него есть автоматический перевод.
 
Сверху Снизу