SunnyBeatz.de

» UPDATE: Social Media Icons, New Affiliates | 3 Geschichten - Child Abuse hinzugefügt

FRAGE(N)? REGELN CREDITS

Tutorial - Style - Fading Text

In diesem Tutorial erkläre ich wie man einen einfachen Text so coden kann, dass er von ganz allein die Farbe wechselt.

Sunnybeatz.de - Turorial: Fading Text

Du kopierst dir folgenden Code und fügst ihn in deinen Head-bereich also zwischen und ein.

<script type = "text/javascript">
//Created by Fader Maker (http://www.bosiljak.hr/fadermaker/)
var fmTimer = null;
var fmfg = false;
function fminit(){
if (!document.getElementById) return;
fma1=0xFF; fma2=0x00; fma3=0x00;
fma4=0x00; fma5=0x00; fma6=0xFF;
if (!fmfg){
fmtemp=fma1; fma1=fma4; fma4=fmtemp; fmtemp=fma2; fma2=fma5; fma5=fmtemp; fmtemp=fma3; fma3=fma6; fma6=fmtemp;
}
fmfg = !fmfg;
fmFade();
}
function fmToHex(n){
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);
fminit()}
else{
fmTimer = window.setTimeout("fmFade()",50);
}
}
onload = fminit
</script>

Dort wo dann letztendlich dein Fading Text erscheinen soll, fügst du den folgenden Code ein:

Bei Anregungen, Hinweisen oder Fragen kontaktiere uns bitte über unser ASK-FORMULAR. Danke.