Mausverfolger Schneeflocke

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Mausverfolger Schneeflocke

Beitrag von Hape »

Code: Alles auswählen

<script type='text/javascript'>
<!--
//  Updated Stars Script by kurt.grigg (at) virgin.net
var image='schneeflocke.gif';
var amount=4;       //Anzahl der Bilder!!
var yBase = 150;
var xBase = 200;
var step = .1;
var currStep = 0;
var Xpos = 5;
var Ypos = 5;
var i = 0;
var j = 0;
if (document.getElementById)
{
	document.write('<div id="ieDiv" style="position:relative;top:0px;left:0px">');
	document.write('<div id="c" style="position:relative;">');
	for (n=0; n < amount; n++) {
		document.write('<img src="'+image+'" id="fledermausbild'+n+'" width="35" height="35" style="position:absolute;top:0px;left:0px" />');
	}
	document.write('</div>');
	document.write('</div>');

	function MsieMouseFollow(e){
		if (!e) {
			Xpos = document.documentElement.scrollLeft+event.x-50;
			Ypos = document.documentElement.scrollTop+event.y-50;
		} else {
			Xpos = e.pageX-5;
			Ypos = e.pageY-5;
		}
	}
	document.onmousemove = MsieMouseFollow;
} 

function Swirl(){
	if (document.getElementById)
	{
		yBase = window.document.body.offsetHeight/4;
		xBase = window.document.body.offsetWidth/4;
	}

	if (document.getElementById) {
		for (i=0;i<amount;i++) {
			document.getElementById('fledermausbild'+i).style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10)+"px";
			document.getElementById('fledermausbild'+i).style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10)+"px";
		}
	}
	currStep += step;
	setTimeout("Swirl()", 10);
}
Swirl();
//-->
</script>
Demoseite hier: Schneeflocke
schneeflocke.gif
schneeflocke.gif (399 Bytes) 4404 mal betrachtet

Antworten