Hintergrund Farbverlauf

[Ingo]

Hallo

Ich möchte gern einen Farbverlauf von oben nach unten machen.
Mit einer grafik habe ich aber ein en schlechten Farbverlauf.
Je nach dem wie der Monitor eingestellt ist.

Ich habe gesehen und gelesen, das man mit dhtml oder einem Script so etwas optimal erstellen kann.

Hat vielleicht jemand eine Möglichkeit oder Beispiel?

Besten Dank für Hilfe

Ingo

Ich habe ein Script gefunden:

Aber der Verlauf geht von links nach rechts. Welche Variabeln muss ich ändern, das ich den verlauf von oben nach unten machen kann

<style>.mini { font-size:0pt;height:100%;width:2px;z-index:2; }</style>
<div style="position:absolute;left:0;top:0;z-index:1;overflow:hidden;height:700px;">
<div style="position:absolute;left:0;top:0;color:white;z-index:10;padding:10px;">
<!-- JETZT KOMMT DER INHALT! -->

<h1>Hallo!</h1><h2>Hallo!</h2><h3>Hallo!</h3><h4>Hallo!</h4><h5>Hallo!</h5>

<!-- ENDE DES INHALTS! -->
</div>
<script language="JavaScript1.2" type="text/javascript">
var StartColor="#f9f2e3";
var EndColor="#a6b4c8";

var hexx=new Array(); for(var i=0;i<10;i++) { hexx[i] = i; }
hexx[10]="a"; hexx[11]="b"; hexx[12]="c"; hexx[13]="d"; hexx[14]="e"; hexx[15]="f";
function hex(i) { if(i<0) return "00"; else if(i>255) return "ff"; else return "" + hexx[Math.floor(i/16)] + hexx[i%16]; }
function ColorToArr(Color) {
Color=Color.toLowerCase();
var colors = new Array(3);
for(i=1; i<7; i++) {
for(j=0; j<16; j++) {
if(Color.charAt(i)==hexx[j]){
if(i%2 != 0) { colors[Math.floor((i-1)/2)]=eval(j)*16; } else { colors[Math.floor((i-1)/2)]+=eval(j); }
}}}
return colors;
}
var i,r,g,b,step=document.body.offsetWidth/2,start,ende;
start=ColorToArr(StartColor); ende=ColorToArr(EndColor);
for(i=0;i<step*2;i++) {
r=Math.floor(start[0]*((step-i)/step)+ende[0]*(i/step));
g=Math.floor(start[1]*((step-i)/step)+ende[1]*(i/step));
b=Math.floor(start[2]*((step-i)/step)+ende[2]*(i/step));
document.writeln('<span style="background-color:#'+String(hex(r))+String(hex(g))+String(hex(b))+';" class="mini"></span>');
}
</script></div>