Изменить работу скрипта с ссылок на блок

@Valen_x · Регистрация: 24.04.2013

Author24 — интернет-сервис помощи студентам

Приветствую.
В общем нашел скрипт, благодаря которому при наведении на ссылку, она начинает переливаться разными цветами. Помогите пожалуйста, переделать скрипт, что б работал не на ссылках а например на определенных блоках
или например на class="test"
тоесть вот <span class="test">Текст мирцает</span>
И что б текст мерцал не только при наведении, а постоянно.
Вот код

Javascript

<SCRIPT LANGUAGE="JavaScript">
<!-- ;
// Setting
//- SPEED CAN BE CHANGED HERE -
 
var rate = 25; // Increase-Decrease amount ( Higher=Faster )
 
// - DO NOT ALTER BELOW -
// Main routine
 
if (document.getElementById)
window.onerror=new Function("return true")
 
var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
 
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
 
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
 
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
 
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
 
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
 
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
 
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
 
return '#' + elmR + elmG + elmB;
}
// end hide -->
</SCRIPT>

@kalabuni · 18.09.2014, 07:54

принципиально важно - сколько одновременно "ме(и)рцающих" тегов (блоков) на странице вы желаете иметь?
один такой тег или же несколько (или больше одного)?

@Valen_x · 18.09.2014, 09:49 **[ТС]**

неограниченное количество.

Добавлено через 2 минуты
kalabuni, неограниченное количество "тегов (блоков)"

@kalabuni · 19.09.2014, 12:20

HTML5

<script>
onload = function ()
{
function RND (n, x) {return Math.round (n + Math.random () * x)}
function HEX () {for (var t = [], k = 0; k < 6; k++) t [k] = RND (0, 16).toString (16); return ('#' + t.join (''))}
function CHC (q) {q.style.color = HEX (); setTimeout (CHC, RND (50, 150), q)}
for (var s = document.body.querySelectorAll ('.test'), j = 0, J = s.length; j < J; j++) CHC (s [j]);
}
</script>
 
        
<a    class="test" href="#">aaa</a>
<p    class="test">         PPP</p>
<span class="test">         sss</span>
<div  class="test">         DDD</div>
<b    class="test">         bbb</b>

@Valen_x · 19.09.2014, 13:24 **[ТС]**

kalabuni, Большое спасибо Вам! То что нужно!

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	18.09.2014, 07:54	2
	принципиально важно - сколько одновременно "ме(и)рцающих" тегов (блоков) на странице вы желаете иметь? один такой тег или же несколько (или больше одного)? 0

@Valen_x 0 / 0 / 1 Регистрация: 24.04.2013 Сообщений: 48
	18.09.2014, 09:49 [ТС]	3
	неограниченное количество. Добавлено через 2 минуты kalabuni, неограниченное количество "тегов (блоков)" 0

@Valen_x 0 / 0 / 1 Регистрация: 24.04.2013 Сообщений: 48
	19.09.2014, 13:24 [ТС]	5
	kalabuni, Большое спасибо Вам! То что нужно! 0

Изменить работу скрипта с ссылок на блок

Решение