|
cursor slang
Mooie mouse-trailer.... slang die je muis volgt... Kleur, grootte, lengte en snelheid zijn aan te passen.. ( zie script ) het is een beetje duits achtig maar er staat in et nederlands achter
veder niet veel aan veranderen heb ik geprobeert maar bij mij liep hij ineens in vierkantjes:S
<script>
<!--
var anzahl = 30; // de lengte van d eslang
var groesse = 20; // de grootte van de slang
var abstand1 = 6; // de afstand tussen de rondjes
var Farbe = "#00FF00"; //de kleur van de slang
function erzeuge()
{
var a=1;
var text="";
document.body.innerHTML += "<span id='AAA' class='leejoo'></span>";
while(a<=anzahl)
{
text +="<span id='leejoo"+a+"' style='{position:absolute; top:"+(-groesse)+"px; left:"+(-groesse)+"px; background-color:"+Farbe+"; margin:0; height: "+groesse+"px; width: "+groesse+"px; filter:Alpha(style=2, opacity=30, finishopacity=0);}' class='leejoo"+a+"'></span>";
a++;
}
document.all["AAA"].innerHTML = text;
laufen();
}
document.onload = setTimeout("erzeuge()",500);
var x=-groesse,y=-groesse;
function erfasse()
{
x = window.event.x + document.body.scrollLeft - groesse/2;
y = window.event.y + document.body.scrollTop - groesse/2;
}
document.onmousemove = erfasse;
var X=0,Y=0;
function neue_koordinaten(x1,y1)
{
X = abstand1 * Math.sin(Math.atan2(y-y1,x-x1));
Y = abstand1 * Math.sin(Math.atan2(x-x1,y-y1));
}
var b=anzahl-1;
var c=anzahl;
var d=anzahl-Math.ceil(anzahl/32*23);
function laufen()
{
neue_koordinaten(document.all["leejoo"+d].style.pixelLeft,document.all["leejoo"+d].style.pixelTop);
document.all["leejoo"+b].style.pixelTop = document.all["leejoo"+c].style.pixelTop + X;
neue_koordinaten(document.all["leejoo"+d].style.pixelLeft,document.all["leejoo"+d].style.pixelTop);
document.all["leejoo"+b].style.pixelLeft =document.all["leejoo"+c].style.pixelLeft + Y;
b--; if(b<=0) b=anzahl;
c--; if(c<=0) c=anzahl;
d--; if(d<=0) d=anzahl;
setTimeout("laufen()",10);
}
// -->
</script>
download het script
Zie hier een demo van het script
Reacties van leden
|
