Tekstfader

Tekstfader

Een leuke tekstfader voor op je site.

Plaats het onderstaande script tussen de body tags van je pagina,
de tekst en kleuren zijn natuurlijk makkelijk aan te passen, succes ermee !

closetag = '</b></font>'

var frame = 50;
var st = 30;
var wait = 1;

ie4 = document.all&&!document.getElementById;
ns4 = document.layers;
DOM2 = document.getElementById;

bR = HexToR(bcolor);
bG = HexToG(bcolor);
bB = HexToB(bcolor);
tR = HexToR(tcolor);
tG = HexToG(tcolor);
tB = HexToB(tcolor);
bR_m = bR;
bG_m = bG;
bB_m = bB;
tR_m = tR;
tG_m = tG;
tB_m = tB;

function HexToR(h) { return parseInt((cutHex(h)).substring(0,2),16) }
function HexToG(h) { return parseInt((cutHex(h)).substring(2,4),16) }
function HexToB(h) { return parseInt((cutHex(h)).substring(4,6),16) }
function cutHex(h) { return (h.charAt(0)=="#") ? h.substring(1,7) : h}

dir = ((tR+tG+tB) > (bR+bG+bB)) ? "up" : "down";
dirback = ((tR+tG+tB) < (bR+bG+bB)) ? "up" : "down";
dir_m = dir;
index = 0;
frame_m = frame;
framehalf = frame / 2;
wait_m = wait;
stepR = Math.abs(tR - bR) / framehalf;
stepG = Math.abs(tG - bG) / framehalf;
stepB = Math.abs(tB - bB) / framehalf;
step = Math.min(Math.round(Math.max(stepR,Math.max(stepG,stepB))),(240/framehalf));

if (navigator.appVersion.substring(0,1) < 5 && navigator.appName == "Netscape") {
var fwidth = screen.availWidth / 2;
var bwidth = screen.availWidth / 4;
document.write('<ilayer id="fscrollerns" width='+fwidth+' height=35 left='+bwidth+' top=0><layer id="fscrollerns_sub" width='+fwidth+' height=35 left=0 top=0></layer></ilayer>');
window.onload = fade;
}
else if (navigator.userAgent.search(/Opera/) != -1 || (navigator.platform != "Win32" && navigator.userAgent.indexOf('Gecko') == -1)) {
document.open();
document.write('<div id="fscroller" style="width:90% height:15px; padding:2px">');
for(i=0; i < fcontent.length; ++i) {
document.write(begintag+fcontent[i]+closetag+'<br>');
}
document.write('</div>');
document.close();
window.onload = fade;
}
else {
document.write('<div id="fscroller" style="width:90% height:15px; padding:2px"></div>');
window.onload = fade;
}
// -->
</script>