<!-- TWO STEPS TO INSTALL : 1. Add the last code into the BODY of your HTML document --> <center> <head> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- function start() {} //--> </SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript"> <!-- // === Parameter === var steps = 32 // Anzahl der Schritt von Start bis Ende var startfarbe = [255, 0, 0] // Vorbelegung Startfarbe var endefarbe = [0, 255, 255] // Vorbelegung Endefarbe var scroll_tempo = 25 // Zeit in ms zwischen zwei Schritten // === Variablen === var stepcount = 0 var stepdir = 0 var HexArray = [ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F" ] // === Hilfsfunktionen === // Umwandlung in Hexadezimalwert (2 Zeichen lang) function DezNachHex(x) { var high = Math.floor(x / 16) var low = Math.floor(x - high * 16) return(HexArray[high] + "" + HexArray[low]) } // Naechste Farbe function step(Id) { var i var neue_farbe = new Array(3) for(i = 0; i < 3; i++) neue_farbe[i] = startfarbe[i] - (startfarbe[i] - endefarbe[i]) * stepcount / steps if(stepcount >= steps) { stepdir = -1 } else if(stepcount <= 1) { stepdir = 1 } stepcount += stepdir var nwert = "#" + DezNachHex(neue_farbe[0]) + DezNachHex(neue_farbe[1]) + DezNachHex(neue_farbe[2]) if(document.ids) document.ids[Id].color = nwert else document.all[Id].style.color = nwert timer = window.setTimeout("step('" + Id + "')", scroll_tempo) } // === Startfunktionen === function start(Id, rs, gs, bs, re, ge, be) { startfarbe[0] = rs startfarbe[1] = gs startfarbe[2] = bs endefarbe[0] = re endefarbe[1] = ge endefarbe[2] = be stepcount = 0 step(Id) } //--> </SCRIPT> </head> <BODY ... onLoad="start('Farbwechsel', 0, 255, 0, 255, 0, 255)"> <H1 ID="Farbwechsel">Так выглядит смена цвета</H1> <BR> <A Href="http://www.web-sgs.strana.de">Web-SgS </A><br> <!-- copyright (i4) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body>
