Web Rainbow Text

webmaster

Пользователь
Сообщения
2
Симпатии
1
Баллы
3
#2
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

Премиум
Сообщения
960
Симпатии
1.867
Баллы
133
#3
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
 

Skaiman

[SVG]ADD-ONS ™
Разработчик
Сообщения
5.718
Симпатии
5.378
Баллы
266
#4
Создаем новый пользовательский вв-код
Тег 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

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