weglaufende Objekte

Inhaltsverzeichnis

Beispiel 1:
Programm, das einen Text auf eine andere Stelle springen lässt, sobald man mit der Maus den Text berührt. Der Text springt dabei immer zwischen zwei festgelegten Positionen hin und her und verändert dabei zusätzlich seinen Inhalt.

<html>
	<head>
		<title>
			
		</title>
		<style>
			body{background-color:"#FFFFFF";}
			.c1{position:absolute;top:100;left:100;}
		</style>
		<script language="JavaScript">
		<!--BEGIN
			n=1;
			var l=new Array(100,200);
			var t=new Array(100,200);
			function laufen()
			{
				n=n%2;
				if(document.layers)
				{
					document.layers["f1"].left=l[n];
					document.layers["f1"].top=t[n];
				}
				else
				{
					document.all["f1"].style.left=l[n];
					document.all["f1"].style.top=t[n];
					if(n)
					{
						f1.innerHTML="Versuch's nochmal!";
					}
					else
					{
						f1.innerHTML="Klick mich an!";
					}
				}
				n++;
			}
		//END-->
		</script>
	</head>
	<body>
		<div id="f1" class="c1" onMouseover="laufen()">
			Klick mich an!
		</div>
	</body>
</html>

Beispiel 2:
Programm, das einen Text diagonal über den Bildschirm laufen lässt. Bleibt der Text an der Endposition stehen, ändert sich der Textinhalt und beim Anklicken wird auf eine Internet-Site geöffnet.

<html>
	<head>
		<title>
			
		</title>
		<style>
			body{background-color:#FFFFFF;}
			.c1{position:absolute;top:100;left:100;font-family:arial,helvetica,sans-serif;font-size:35pt;color:#800000}
			a{text-decoration:none;color:#0000FF;}
			a:hover{color:#FF0000;text-decoration:underline overline;}
		</style>
		<script language="JavaScript">
		<!--BEGIN
			var weg=1;
			var l=0;
			var t=0;
			function flieglos()
			{
				l+=weg;
				t+=weg;
				if(document.layers)
				{
					document.layers["f1"].left=l;
					document.layers["f1"].top=t;
				}
				else
				{
					document.all["f1"].style.left=l;
					document.all["f1"].style.top=t;
				}
				if(t>300)
				{
					clearTimeout(start);
					f1.innerHTML='<a href="http://10.10.2.201">Ich bin gelandet!</a>';
				}
				else
				{
					start=setTimeout("flieglos()",10);
				}
			}
		//END-->
		</script>
	</head>
	<body onLoad="flieglos()">
		<div id="f1" class="c1">
			Ich darf jetzt fliegen!
		</div>
	</body>
</html>

zurück zum Seitenanfang
zurück zum Index

weglaufende Objekte

Inhaltsverzeichnis

Beispiele