Блог

Code

<html>

<title>Кнопка с переливом цвета текста</title>
<script>


function h(color)
{
hn = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A" ,"B", "C", "D", "E", "F")
if(color<0){return "00"}
else if(color>255){return "FF"}
else
{
  s = "" + hn[Math.floor(color/16)] + hn[color%16]
  return s
  }
}
function toH(red, green, blue){return h(red) + h(green) + h(blue)}
function RGB(red, green, blue){return toH(red, green, blue)}
</script>
<script>
var sR = 8
var sG = 16
var sB = 12
var R = 16
var G = 10
var B = 16
var b = true;

function setButtonColor(r, g, b)
{
document.all["button"].style.color=RGB(r, g, b);
}

function startChanging()
{
if(b==true)
  {
  if((R>256)||(G>256)||(B>256))
  {
  b=false;
  }
  R+=sR;G+=sG;B+=sB;
  }
else
  {
  if((R<0)||(G<0)||(B<0))
  {
  b=true;
  }
  R-=sR; G-=sG; B-=sB
  }
setButtonColor(R, G, B);
setTimeout("startChanging()", 1)
}
</script>
</HEAD><BODY onload="startChanging()" >
<BUTTON id="button" style="font: 8pt Fixedsys;"> <P align="center">Кнопка с переливом цвета текста</BUTTON>