Auch ein schöner Effekt eines Javascript-Mausverfolgers...
Update: Dieses Javascript funktionierte zuerst nur im Internet Explorer und in Opera richtig. Besucher, welche mit dem Mozilla Firefox auf eine Seite kommen, auf der dieses Javascript eingebaut ist, sahen den Effekt des Mausverfolgers nicht.
Nun funktioniert das Javascript aber auch im Firefox richtig
Update: Das Scroll-Problem wurde inzwischen behoben.
einfach folgendes einfügen auf euerer hp =)
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
if (document.getElementById) {
//Folgendes kann angepasst werden
yourLogo = "kostenlose-javascripts.de............."; //Mehr als 2 Zeichen!
logoFont = "Arial";
logoColor = "#000000";
//ab hier nichts mehr ändern!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outermausi" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie'+i+'" style="position:absolute;top:0px;left:0px;width:10px;height:10px;font-family:'+logoFont+';font-size:12px;color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse(e) {
ypos = (e)?e.pageY:window.event.y+document.documentElement.scrollTop;
xpos = (e)?e.pageX:window.event.x-5;
}
function animateLogo() {
document.getElementById('outermausi').style.top = document.documentElement.scrollTop;
for (i = 0; i < L; i++) {
eltop=document.getElementById('ie'+i).style.top;
document.getElementById('ie'+i).style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180)+"px";
document.getElementById('ie'+i).style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180)+"px";
Sz[i] = eltop.substr(0, eltop.length-2) - ypos;
if (Sz[i] < 5) Sz[i] = 5;
document.getElementById('ie'+i).style.fontSize = Sz[i] / 1.7 + "px";
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="DSL Anbieter" target="_blank">DSL Anbieter</a></div>
<br />
<script language="Javascript" type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=169"></script>
<!-- präsentiert von kostenlose-javascripts.de -->