weicher Farbübergang, bei mouseover

[ToboTheRibbler]

Moin zusammen,

Ich arbeite gerade an einem neuen Design für meine Seite und habe da eine Idee gehabt, die sich aber leider nciht so ohne weiteres umsetzen lässt. (mit meinen Fähigkeiten )

Ziel:
Man geht mit der Maus auf einen Link, der darauf langsam und weich die Farbe wechselt.

Ich hab schon im Netz gefunden, doch da leider nur harte Übergänge.

Bitte berücksichtigt, dass ich keinerlei Java Erfahrungen habe, also erklärt es wenn möglich Tobo-sicher

Wäre echt klasse von euch, wenn mir jmd. helfen würde.

Besten Dank schon mal im vorraus


cya
euer
ToboTheRibbler

 

[ToboTheRibbler]

Moinsen,

Also ich habe auf java24 einen ziemlich guten Fademaker gefunden, der meine Links die Farbe ändern lässt, wenn ich mit der Maus drüber gehe.

Dazu habe ich folgendes im Head eingefügt:

<script language = "JavaScript">
<!--Created by Fader Maker (http://www.bosiljak.hr/fadermaker/)
var fmTimer = null;
function fminit(){
if (!document.getElementById) return;
fma1=255; fma2=255; fma3=255;
fma4=102; fma5=102; fma6=102;
fmFade();
}
function fmToHex{
var hexChars = "0123456789ABCDEF";
if (n == 0) return "00";
var j, n;
var temp = "";
while (n != 0){
j = n % 16;
n = (n - j)/16;
temp = hexChars.charAt(j) + temp;
}
if (temp.length < 2){
temp = "0" + temp;
}
return temp;
}

function fmFade(){
obj = document.getElementById('tekst').style;
fmcolor = "#" + fmToHex(fma1) + fmToHex(fma2) + fmToHex(fma3);
obj.color = fmcolor;
if (fma1 != fma4){
if (fma4 > fma1){fma1++;}
else{fma1--;}}
if (fma2 != fma5){
if (fma5 > fma2){fma2++;}
else{fma2--;}}
if (fma3 != fma6){
if (fma6 > fma3){fma3++;}
else{fma3--;}}
if ((fma1 == fma4) && (fma2 == fma5) && (fma3 == fma6)){
window.clearTimeout(fmTimer);
}
else{
fmTimer = window.setTimeout("fmFade()",10);
}
}
-->
</script>

und folgendes an der Stelle, wo der Text sein soll:

<span align="center" class="Stil8" id="tekst" style="font-size:10; font-family: 'Times New Roman', Times, serif; letter-spacing:normal; font-weight:normal; font-style:normal; padding-left:20; padding-right:20;" onmouseover="fminit()">News</span>



So schon mal nicht schlecht, aber wie so selten halt nicht perfekt ^^

Wenn ihr es mit diesem Script ausprobiert, werdet ihr sehen, dass der Text von der Farbe Weiß-->Grau geht. Nun ja sieht halt nur blöd aus, wenns dann Grau geworden ist, und ich nochmal auf den Link gehe, und es schlagartig Weiß ist. Deswegen sollte es am besten von Weiß-->Grau---> Weiß gehen.

Da ich leider keinerlei Erfahrung mit Java habe, und es sich bestimmt nicht lohnt, wegen ein paar links diese Sprache zu lernen, hoffte ich mal wieder auf euch

Könnt ihr an diesem Script was ändern, ich hab schon versucht, da was raus zu interpretieren, doch leider nicht wirklich erfolgreich.

Wäre echt klasse, wenn ihr mir helfen würdet.
Vielen Dank schonmal im Vorraus


cya
euer
ToboTheRibbler