Как я могу добавить один и тот же эффект JavaScript к разным элементам моего HTML?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как я могу добавить один и тот же эффект JavaScript к разным элементам моего HTML?

Сообщение Anonymous »

Я новичок в программировании, и я начал делать это для веб-сайта neocities, на котором я добавил текстовый эффект радужного свечения, но теперь я хочу, чтобы другие элементы имели тот же эффект, и всякий раз, когда я пытаюсь его скопировать, он просто применяет его к первому. Есть ли способ добиться одинакового эффекта для нескольких элементов?

Код: Выделить всё

 Choco Chip Neocities 
Я попробовал изменить идентификатор другого текста на «rainbow2» и сделал то же самое, продублировав эффект ниже, изменив также идентификатор внутри него, но это не сработало.< /p>

Код: Выделить всё

 function addLoadEvent(e) {
var t = window.onload;
if (typeof t != "function") window.onload = e;
else window.onload = function() {
if (t) t();
e()
}
}

function regenbogen() {
if (document.getElementById) {
var e, t;
rainbow = document.getElementById("rainbow");
raintxt = rainbow.firstChild.nodeValue;
while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
for (e = 0; e < raintxt.length; e++) {
t = document.createElement("span");
t.setAttribute("id", "rain" + e);
t.appendChild(document.createTextNode(raintxt.charAt(e)));
if (alink) {
t.style.cursor = "pointer";
t.onclick = function() {
top.location.href = alink
}
}
rainbow.appendChild(t)
}
rainbow = setInterval("raining()", speed)
}
}

function raining() {
var e, t;
for (e = 0; e < raintxt.length; e++) {
t = raincol[(e + raincnt) % raincol.length];
document.getElementById("rain" + e).style.color = t;
if (glow) document.getElementById("rain" + e).style.textShadow = t + " 0px 1px " + glow + "px"
}
raincnt++
}
var speed = 100;
var glow = 5;
var raincol = new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055");
var alink = "";
var rainbow, raintxt, raincnt = 0;
addLoadEvent(regenbogen)
Обновление: я изменил идентификатор в диапазоне на Class и заменил «document.getElementById» на «document. getElementsByClassName" внутри кода Java, и эффект больше не работал.

Подробнее здесь: https://stackoverflow.com/questions/784 ... in-my-html
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»