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

[KST]
Премиум
Сообщения
1.404
Симпатии
2.587
Баллы
153
#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 ™
Разработчик
Сообщения
6.009
Симпатии
5.763
Баллы
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 использовал хром, и у него есть автоматический перевод.
 
Вверх Снизу