JavaScripts -> Mauseffekte -> Maus-Fadenkreuz B

<script type="text/javascript">
<!--// Maus-Fadenkreuz B (c) 2003 Triple-M / http://www.htmlarsenal.de


//Konfiguration - configuration

var maxdist=parseInt(screen.availWidth/4); //Maximaldistanz - maximum distance
var spd=15; //Geschwindigkeit - speed

var or=255;
var og=255; //RGB Startfarbe - rgb starting color
var ob=255;

var cr=255;
var cg=0; //RGB Farbe in der Mitte - rgb center color
var cb=0;

//Ab hier bitte nichts mehr aendern - please do not change anything from here on

var dist=maxdist;
var mousex=0;
var mousey=0;
var fkd_x=new Array();
var fkd_y=new Array();

function fkup(nsevent) {
if(window.event) {
mousex=window.event.x;
mousey=window.event.y;
}
else {
mousex=nsevent.pageX;
mousey=nsevent.pageY;
}
for(i=0;i<4;i++) {
document.getElementById('fk_d'+i).style.top=mousey-2+fkd_y[i];
document.getElementById('fk_d'+i).style.left=mousex-2+fkd_x[i];
}
}

function dots() {
steps=parseInt(maxdist/spd);
step=parseInt((maxdist-dist)/spd);

R=or + parseInt((step*(cr-or))/steps);
G=og + parseInt((step*(cg-og))/steps);
B=ob + parseInt((step*(cb-ob))/steps);
RGB="#";
if(R<16)RGB+="0";
RGB+=R.toString(16);
if(G<16)RGB+="0";
RGB+=G.toString(16);
if(B<16)RGB+="0";
RGB+=B.toString(16);

fkd_x[0]=(-5-dist);
fkd_x[1]=(-5+dist);
fkd_y[2]=(-5-dist);
fkd_y[3]=(-5+dist);

for(i=0;i<4;i++) {
document.getElementById('fk_d'+i).style.backgroundColor=RGB;
document.getElementById('fk_d'+i).style.top=mousey-2+fkd_y[i];
document.getElementById('fk_d'+i).style.left=mousex-2+fkd_x[i];
}

if(dist==5)dist=maxdist;
else {
dist-=spd;
if(dist<5)dist=5;
}
}

function fk() {
for(i=0;i<2;i++) {
document.write('<div id="fk_d'+i+'" style="position:absolute; font-size:0px; top:0px; left:0px; width:10px; height:2px; background-color:#ff0000"></div>');
fkd_x[i]=0;
fkd_y[i]=0;
}
for(i=2;i<4;i++) {
document.write('<div id="fk_d'+i+'" style="position:absolute; font-size:0px; top:0px; left:0px; width:2px; height:10px; background-color:#ff0000;"></div>');
fkd_x[i]=0;
fkd_y[i]=0;
}

window.setInterval(dots,50);
}

document.onmousemove=fkup;
fk();
//-->
</script>