Niedziela 19 Maj 2024r. Godz 00:00:00      
Postów: 251      

Kolorowe tło tekstu w JS

Tekst 1 Tekst 2 Tekst 3


<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
IE = (document.all);
if (IE) {
  var chidc = new Array();
  var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');
  var chidn = new Array(100,70,40);
  var step = new Array(10,10,10);
  var chway = new Array(step[0],step[1],step[2]);
  var tone = new Array(1,1,1);
  function chcol() {
    for (i=0; i<3; i++) {
      chidn[i]+=chway[i];
      if (chidn[i]>=255) {
        chidn[i] = 255;
        chway[i] = -step[i];
      }
    else if (chidn[i]<=40) {
        chidn[i] = 40;
        chway[i] = step[i];
        tone[i]>=3? tone[i] = 1:tone[i]++;
      }
      col1 = hexc[Math.floor(chidn[i]/16)];
      col2 = hexc[chidn[i]%16];
      tored = '';
      toblue = '';
      for (j=1; j<tone[i]; j++) tored+='00';
      for (j=3; j>tone[i]; j--) toblue+='00';
      chidc[i] = '#'+tored+col1+col2+toblue;
      td = eval('document.all.chcol'+i);
      td.style.backgroundColor = chidc[i];
    }
    setTimeout('chcol()',100);
  }
}
//  End -->
</script>
<center>
<table cellspacing=2 cellpadding=0 bordercolor="black" border="1" width=300>
<tr>
<td width=33% align=center id=chcol0 name=id=chcol0>
<font style="color:white;font-size:10pt;font-family:arial">Tekst 1</font></td>
<td width=33% align=center id=chcol1 name=id=chcol0>
<font style="color:white;font-size:10pt;font-family:arial">Tekst 2</font></td>
<td width=33% align=center id=chcol2 name=id=chcol0>
<font style="color:white;font-size:10pt;font-family:arial">Tekst 3</font></td>
</tr>
</table>
</center>
<SCRIPT LANGUAGE="JavaScript">chcol();</script>