Цветная кнопка

Кнопке задается любой желаемый вами цвет. Для просмотра скрипта в работе (у вас должен быть включен в браузере Java Script) нажмите кнопку посмотреть пример.

<CENTER>
<FONT color="#20ffff"><h3><CENTER>Вы смотрите пример работы скрипта Цветная кнопка №2!</CENTER></h3></FONT color>
<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 = 5
var sG = 256
var sB = 56
var R = 5
var G = 256
var B = 256
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()", 3)
}
</script>
</head>
<body  onload="startChanging()">
<button style="background-color:#A020F0; font: 12pt Fixedsys;" id="button"><p>Кнопка</p></button>

Разделы сайта

Достоинства JavaScript Сравнение JavaScript с другими популярными языками программирования.

Объекты и их атрибуты Наиболее часто в сценариях javascript нам придется обращаться к объектам.

Объекты и их имена
Веб страница представляет собой набор объектов содержащих в себе информацию.

Просмотреть все