hausaufgaben100 - HTML Codes

HTML Codes

Schrift

Text läuft von rechts nach links:

<br><marquee direction="left">Hier deinen Text eingeben</marquee>

Text läuft von links nach rechts:

<br><marquee direction="right">Hier kommt dein Text hin</marquee>

Text läuft von unten nach oben:

Text läuft von oben nach unten:

Text schwengt hin und her:

Blinkender Text:

Text leuchtet:

Text wird am Ende dunkel:

<Center> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <STRONG> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </STRONG> </center>

Regenbogentext:

Wellentext:

<div id="welle" style="width:100%; font-size:50pt; color:#FF0000; filter:Wave(freq=1, light=50, phase=50, strength=1);">Hier kommt dann euer Text rein.</div> <script language="JavaScript">  </script>

Newsticker mit deinem Text:

Dein Text in einem Rahmen

Schrift II

Text läüft von Rechts nach Links

Text läuft von Links nach Rechts

Text läuft hin und her

Text läuft von unten nach oben

Text läuft von oben nach unten

Begrüßung

Begrüßung beim betreten deiner Homepage:

Bei jedem Besucher erscheint eine andere Begrüßung:

<html> <BODY LINK="#FFFFFF" TEXT="#00000" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <CENTER> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <SCRIPT language="JavaScript">  </SCRIPT> </CENTER> </BODY> </HTML>

Beim betreten der Seite wird nach dem Namen gefragt:

Fragt ob der Besucher die Seite wirklich betreten will:

Fenster

Beim drüberfahren eines Textes, öffnet sich ein Fenster:

<a href="URL EINGEBEN!" onMouseOver="alert('IHRE NACHRICHT');return true;">Hier deinen Text eintragen/a>

Bei klick auf einen Button, öffnet sich ein Fenster:

<form name="form2" action=www.mauscodes.de> <input type="submit" name="banner" VALUE=".......Submit......." onClick="alert('check this out by mauscodetester')"> </form> <script language="JavaScript"> var id,pause=0,position=0; function banner() { // variables declaration var i,k,msg="www.mauscodes.de-das Paradies für Suchende"; // increase msg k=(60/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; // show it to the window document.form2.banner.value=msg.substring(position,position+60); // set new position if(position++==msg.length) position=0; // repeat at entered speed id=setTimeout("banner()",150); } // end --> banner(); </script>

Passwortabfrage nach klick:

<html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <Center> <script LANGUAGE="JavaScript"> function dialog3() { var stop ="ende" stop = prompt("Der String 'ende' beendet diese Schleife.","") while (stop != "ende") { stop = prompt("Um diese Schleife zu beenden, geben Sie 'ende' ein.","") } alert("Die Schleife ist nun beendet.") } //--> </script> <form> <div align="center"><center><p><font face="Times New Roman"> <input TYPE="BUTTON" VALUE=" Hier drücken " onClick="dialog3()"> </font></p> </center></div> </form> </center> </body> </html>

Message-Window:

Popup Fenster:

Good-Bye beim verlassen der Seite:

Links

Link öffnet sich im Frame:

Link öffnet sich in einem neuen Fenster:

Link über Bild öffnet sich im Frame:

Link über Bild öffnet sich in einem neuen Fenster:

Link ändert die Farbe beim drüberfahren:

<STYLE fprolloverstyle>A:hover { FONT-WEIGHT: bold; COLOR: #ff0000 } </STYLE> </HEAD> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> </BODY><FONT face="Times New Roman" size=2><B><A style="TEXT-DECORATION: none" href="www.mauscodes.de">Test-Link </A> </B></FONT> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> <p> </p> </BODY></HTML></p> <p> </body> </html>

Link wird dicker beim drüberfahren:

Kein blauer Rand um verlinkte Bilder:

Nicht berühren Link um Besucher zu ärgern:

<a href="#" onMouseover="alert('Warum fährst Du mit der Maus hierer?'); alert('Ich habe Dir nicht gesagt, daß Du das darfst!'); alert('Ich glaube, Du solltest mir eine Entschuldigung mailen!'); alert('Ja, das solltest Du besser gleich tun bevor ich böse werde!!!'); window.location.href=('mailto:name@provider.de?subject=Tut mir leid!')" target=" _top">NICHT BERÜHREN !!!!!!!!!</a> </p>

Ein Button der ständig die Links wechselt:

1. Vorhang geht auf (Dauer ca. 5-10 sec.)

2. Schwebender Text

3. Datum & Uhrzeit (recht gut)

<head> <title></title> </head> <BODY> <CENTER> <script language="JavaScript">  </script> </center> </body>

4. Button zeigt an wie lange ein User auf der Page ist und wie Spät es ist!

<BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <Center> <script type="text/javascript" language="JavaScript">  </SCRIPT> </CENTER> </body>

5. Text blinkt

6. Wellentext

<SCRIPT LANGUAGE="Javascript">  </SCRIPT> </HEAD> <BODY bgproperties="fixed" TEXT="#FFFFFF" BGCOLOR="#000000" LINK="#00FFAF" ALINK="#FFFFFF" VLINK="#FF007F" BACKGROUND="bilder/blue.jpg"><BR> <center> <strong><br> </strong><em></em> <div id="welle" style="width:100%; font-size:50pt; color:#FF0000; filter:Wave(freq=1, light=50, phase=50, strength=1);">Hier kommt dann euer Text rein.</div> <script language="JavaScript">  </script>

7. Ein Feld bei dem Eine Endlosschleife mit Text abläuft.(Dein Text natürlich!)

8. Text im Feld geschrieben wie auf Schreibmaschine

9. Eine Rechtsklicksperre

<HEAD> <script LANGUAGE="JavaScript" TYPE="text/javascript">  </script> </HEAD>

10. Bei jedem Besuch ein erscheint ein anderer Begrüßungstext

11. Ein Begrüßungstextcode

Uhrzeit

Zeigt die Uhrzeit an:

<body onload="DigitalTime()""> <div align="left"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="100%" height="30"><span id="liveclock" style="position:absolute;left:10px;top:10px;"><script language="JavaScript"></script></span></td> </tr> </table> </div>

Zeigt die Uhrzeit in einem Kasten an:

Zeigt an, wann die Seite zuletzt aktualisiert wurde

Zeigt Datum, Uhrzeit und lustigen Taxt an:

Statuszeile

Euer Text in der Statuszeile:

Beweglicher Text in der Statuszeile:

<<script LANGUAGE="JavaScript">   </script>/textarea> <textarea cols="50" rows="3"><html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="pingpong();"> <Center> <script language="JavaScript">  </script> </head> </center> </body> </html>

Text in der Statuszeile bewegt sich hin und her:

Ganze Sätze bauen sich in der Statuszeile auf:

In der Statuszeile wird angezeigt das die Festplatte formatiert wird:

Scrollbar

Scrollbarfarben ändern:

<STYLE>BODY { scrollbar-face-color: red; SCROLLBAR-TRACK-COLOR: blue; scrollbar-arrow-color: black; scrollbar-base-color: #ffff33; scrollbar-shadow-color : #33cc99; SCROLLBAR-3DLIGHT-COLOR: #ff33ff; SCROLLBAR-DARKSHADOW-COLOR: #33ffff; scrollbar-highlight-color: white; } </STYLE>

Scrollbar wechselt beim bewegen die Farbe:

Scrollbar wechselt ständig die Farbe:

<html> <body bgcolor=#000000 text=#ffffff link=#ccff88 vlink=ccff88 alink=#ccff88> <script> // (C) 2000 by CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header // blink speed in miliseconds var rate = 333; // true to start automatically, else false var DoIt = true // the three blink colors var Color1 = "#FF0000" var Color2 = "#00FF00" var Color3 = "#0000FF" // the color if/when turned off var ColorX = "#C0C0C0" var i = 0; function doTriStateRainbow(){ if (document.all){ if (DoIt){ i++; if (i==1) C = Color1 if (i==2) C = Color2 if (i==3) C = Color3 document.body.style.scrollbarBaseColor = C if (i>2) i=0; timer=setTimeout('doTriStateRainbow()', rate) }else{ document.body.style.scrollbarBaseColor = ColorX } } } </script> <body onload="doTriStateRainbow()"> Blinkende Scroll-Leiste aus und an schalten<BR> <a href="#" onClick="DoIt=false">AUS</a> / <a href="#" onClick="DoIt=true;doTriStateRainbow()">AN</a> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> </body></html>

Cookies

Diese Codes müssen zwischen <head> und </head> eingefügt werden

mit Hilfe eines Cookies werden Besucher auf eine bestimmt Webseite umgeleitet

<SCRIPT LANGUAGE="JavaScript">  </script> zwischen <BODY> und </BODY> Die Verwendung des Formulars ist optional. Hier kann ein Besucher anklicken, auf welche Seite er zukünftig direkt umgeleitet werden möchte. <center> <form> <table><tr><td> Please choose your Favorite Pet:<br> <input type=checkbox name="cat" onClick="SetCookie('animal', this.name, exp);">Cat<br> <input type=checkbox name="dog" onClick="SetCookie('animal', this.name, exp);">Dog<br> <input type=checkbox name="gerbil" onClick="SetCookie('animal', this.name, exp);">Gerbil<br> <input type=checkbox name="gopher" onClick="SetCookie('animal', this.name, exp);">Gopher<br> </td></tr> </table> </form> </center>

Ein Kalender, der Termine und Reminder in Cookies speichert

Ein Cookie merkt sich die Anzahl der persönlichen Besuche einer Webseite

Ein Cookie merkt sich den letzten Besuch eines Surfers

<SCRIPT LANGUAGE=JavaScript1.1 SRC="cookie1.js"></SCRIPT> zwischen <body> und </body> <SCRIPT LANGUAGE=JavaScript1.1> // today var now = new Date(); // one year in milliseconds var one_year = 365*24*60*60*1000; // one hour in milliseconds var one_hour = 1*60*60*1000; // expires in one year from now on var expire_date = new Date(); expire_date.setTime(now.getTime()+one_hour); var cookie_val = GetCookie("nf_java_intro"); if (cookie_val) { var last_visit = new Date(); last_visit.setTime(cookie_val); document.writeln("Ihr letzter Besuch war am: ",last_visit.toLocaleString(),"<br>"); document.writeln("Aktuelles Datum: ",now.toLocaleString(),"<p>"); } else { document.writeln("Dies ist Ihr erster Besuch.<p>"); } SetCookie ("nf_java_intro", now.getTime(), expire_date, "/"); //--> </SCRIPT>

mit Hilfe eines Cookies wird ein Popup- Fenster nur einmal geöffnet

<SCRIPT LANGUAGE="JavaScript">  </script> IN den <BODY> Tag OnLoad="checkCount()"

cookiegesteuerte ToDo- Liste

<SCRIPT LANGUAGE="JavaScript">  </script> zwischen <BODY> und </BODY> <b><center><big>To Do Liste</big><center></b> <hr><br> <table width=100%> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </table> <br><hr> <center> <a href="javascript:AddItem()">hinzufügen</a> </center>

Ein Cookie merkt sich den Namen des Besuchers und begrüßt ihn beim nächsten Seitenaufruf damit.

Ein Vorhang öffnet sich beim betreten der Seite:

Es regnet Feuer:

<SCRIPT language=JavaScript1.2> var no = 5; // snow number var speed = 7; // smaller number moves the shamrocks faster var snowflake = "http://www.nightfire.ch/java/jscript/fire.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>

Es schneit auf der Homepage:

<SCRIPT language=JavaScript1.2> var no = 12; // snow number var speed = 6; // smaller number moves the shamrocks faster var snowflake = "http://www.beepworld.de/memberdateien/members7/terminator123/strudel3.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>

Leuchtkranz fliegt über den Bildschirm:

Es regnet Hanf-Blätter:

<SCRIPT language=JavaScript1.2> var no = 12; // snow number var speed = 6; // smaller number moves the shamrocks faster var snowflake = "http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>

Herze fallen auf deiner Homepage herunter:

<SCRIPT language=JavaScript1.2> var no = 12; // snow number var speed = 6; // smaller number moves the shamrocks faster var snowflake = "http://www.beepworld.de/memberdateien/members13/-mauscodes-/herzen.jpg"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>

Beweglicher Sternenhimmel:

<body bgcolor=#000000 onLoad="fly()">  <script language="JavaScript">  </script>

Leuchtende Punkte fliegen in die Mitte:

Bei klick auf einen Button scrollt das Fenster auomatisch nach unten:

<html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <Center> <script Language="JavaScript">  </script> <title>JavaScript Beispiel - Scrollen auf Buttonklick</title> </head> <p align="center"><br> <big><big><big>JavaScript Beispiel - Scrollen per Mausklick</big></big></big></p> <form> <div align="center"><center><p><input type="button" value="Klicke hier um zu Scrollen" onClick="scrollit()"> </p> </center></div> </form> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p align="center"><big><strong>Is doch ganz nett oder?</strong></big></p> </center> </body> </html>

Hintergrund auf einer einzelnen Seite:

Unbeweglicher Hintergrund:

<br><body background=http://www.adresse-zum-hintergrund.jpg bgcolor="#000000" text="#0000FF" <br>bgproperties="fixed">

HTML Codes II

Begrüßung beim betreten deiner Homepage:

Bei jedem Besucher erscheint eine andere Begrüßung:

<SCRIPT language="JavaScript">  </SCRIPT> <SCRIPT language="JavaScript">  </SCRIPT>

Beim betreten der Seite wird nach dem Namen gefragt:

Fragt ob der Besucher die Seite wirklich betreten will:

Passwortabfrage nach klick:

Message-Window:

Popup Fenster:

Good-Bye beim verlassen der Seite:

Es regnet Feuer:

<SCRIPT language=JavaScript1.2>  var no = 5; // snow number  var speed = 7; // smaller number moves the shamrocks faster  var snowflake = "http://www.nightfire.ch/java/jscript/fire.gif";  var ns4up = (document.layers) ? 1 : 0;  // browser sniffer  var ie4up = (document.all) ? 1 : 0;  var dx, xp, yp;    // coordinate and position variables  var am, stx, sty;  // amplitude and step variables  var i, doc_width = 800, doc_height = 600;  if (ns4up) {  doc_width = self.innerWidth;  doc_height = self.innerHeight;  } else if (ie4up) {  doc_width = document.body.clientWidth;  doc_height = document.body.clientHeight;  }  dx = new Array();  xp = new Array();  yp = new Array();  am = new Array();  stx = new Array();  sty = new Array();  for (i = 0; i < no; ++ i) {  dx[i] = 0;                        // set coordinate variables  xp[i] = Math.random()*(doc_width-50);  // set position variables  yp[i] = Math.random()*doc_height;  am[i] = Math.random()*0;         // set amplitude variables  stx[i] = 0.02 + Math.random()/10; // set step variables  sty[i] = 0.7 + Math.random();     // set step variables  if (ns4up) {                      // set layers  if (i == 0) {  document.write("<layer name="dot"+ i +"" left="15" ");  document.write("top="15" visibility="show"><img src="");  document.write(snowflake + "" border="0"></layer>");  } else {  document.write("<layer name="dot"+ i +"" left="15" ");  document.write("top="15" visibility="show"><img src="");  document.write(snowflake + "" border="0"></layer>");     }  } else if (ie4up) {  if (i == 0) {  document.write("<div id="dot"+ i +"" style="POSITION: ");  document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");  document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");  document.write(snowflake + "" border="0"></div>");  } else {  document.write("<div id="dot"+ i +"" style="POSITION: ");  document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");  document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");  document.write(snowflake + "" border="0"></div>");        }     }  }  function snowNS() {  // Netscape main animation function  for (i = 0; i < no; ++ i) {  // iterate for every dot  yp[i] += sty[i];  if (yp[i] > doc_height-50) {  xp[i] = Math.random()*(doc_width-am[i]-30);  yp[i] = 0;  stx[i] = 0.02 + Math.random()/10;  sty[i] = 0.7 + Math.random();  doc_width = self.innerWidth;  doc_height = self.innerHeight;  }  dx[i] += stx[i];  document.layers["dot"+i].top = yp[i];  document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);  }  setTimeout("snowNS()", speed);  }  function snowIE() {  // IE main animation function  for (i = 0; i < no; ++ i) {  // iterate for every dot  yp[i] += sty[i];  if (yp[i] > doc_height-50) {  xp[i] = Math.random()*(doc_width-am[i]-30);  yp[i] = 0;  stx[i] = 0.02 + Math.random()/10;  sty[i] = 0.7 + Math.random();  doc_width = document.body.clientWidth;  doc_height = document.body.clientHeight;  }  dx[i] += stx[i];  document.all["dot"+i].style.pixelTop = yp[i];  document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);  }  setTimeout("snowIE()", speed);  }  if (ns4up) {  snowNS();  } else if (ie4up) {  snowIE();  }  </SCRIPT>

Es schneit auf der Homepage:

<SCRIPT language=JavaScript1.2>  var no = 12; // snow number  var speed = 6; // smaller number moves the shamrocks faster  var snowflake = "http://www.beepworld.de/memberdateien/members7/terminator123/strudel3.gif";  var ns4up = (document.layers) ? 1 : 0; // browser sniffer  var ie4up = (document.all) ? 1 : 0;  var dx, xp, yp; // coordinate and position variables  var am, stx, sty; // amplitude and step variables  var i, doc_width = 800, doc_height = 600;  if (ns4up) {  doc_width = self.innerWidth;  doc_height = self.innerHeight;  } else if (ie4up) {  doc_width = document.body.clientWidth;  doc_height = document.body.clientHeight;  }  dx = new Array();  xp = new Array();  yp = new Array();  am = new Array();  stx = new Array();  sty = new Array();  for (i = 0; i < no; ++ i) {  dx[i] = 0; // set coordinate variables  xp[i] = Math.random()*(doc_width-50); // set position variables  yp[i] = Math.random()*doc_height;  am[i] = Math.random()*0; // set amplitude variables  stx[i] = 0.02 + Math.random()/10; // set step variables  sty[i] = 0.7 + Math.random(); // set step variables  if (ns4up) { // set layers  if (i == 0) {  document.write("<layer name="dot"+ i +"" left="15" ");  document.write("top="15" visibility="show"><img src="");  document.write(snowflake + "" border="0"></layer>");  } else {  document.write("<layer name="dot"+ i +"" left="15" ");  document.write("top="15" visibility="show"><img src="");  document.write(snowflake + "" border="0"></layer>");  }  } else if (ie4up) {  if (i == 0) {  document.write("<div id="dot"+ i +"" style="POSITION: ");  document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");  document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");  document.write(snowflake + "" border="0"></div>");  } else {  document.write("<div id="dot"+ i +"" style="POSITION: ");  document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");  document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");  document.write(snowflake + "" border="0"></div>");  }  }  }  function snowNS() { // Netscape main animation function  for (i = 0; i < no; ++ i) { // iterate for every dot  yp[i] += sty[i];  if (yp[i] > doc_height-50) {  xp[i] = Math.random()*(doc_width-am[i]-30);  yp[i] = 0;  stx[i] = 0.02 + Math.random()/10;  sty[i] = 0.7 + Math.random();  doc_width = self.innerWidth;  doc_height = self.innerHeight;  }  dx[i] += stx[i];  document.layers["dot"+i].top = yp[i];  document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);  }  setTimeout("snowNS()", speed);  }  function snowIE() { // IE main animation function  for (i = 0; i < no; ++ i) { // iterate for every dot  yp[i] += sty[i];  if (yp[i] > doc_height-50) {  xp[i] = Math.random()*(doc_width-am[i]-30);  yp[i] = 0;  stx[i] = 0.02 + Math.random()/10;  sty[i] = 0.7 + Math.random();  doc_width = document.body.clientWidth;  doc_height = document.body.clientHeight;  }  dx[i] += stx[i];  document.all["dot"+i].style.pixelTop = yp[i];  document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);  }  setTimeout("snowIE()", speed);  }  if (ns4up) {  snowNS();  } else if (ie4up) {  snowIE();  }  </SCRIPT>

Leuchtkranz fliegt über den Bildschirm:

Beweglicher Sternenhimmel:

Leuchtende Punkte fliegen in die Mitte:

Bei klick auf einen Button scrollt das Fenstern auomatisch nach unten:

Hintergrund auf einer einzelnen Seite:

Unbeweglicher Hintergrund:

Blinkender Text:

Text leuchtet:

Text wird am Ende dunkel:

Regenbogentext:

Wellentext:

Newsticker mit deinem Text:

Link öffnet sich in einem neuen Fenster:

Link wird dicker beim drüberfahren:

In der Statuszeile wird angezeigt das die Festplatte formatiert wird:

Bild zittert beim drüberfahren:

Nicht berühren Link um Besucher zu ärgern:

Zeigt an welchen Browser der Besucher benuzt:

<SCRIPT LANGUAGE="JavaScript">  </script>

Zurück-Button:

<a href="javascript:history.back()"onMouseOver="window.status='Zurück';return true;" onMouseOut="window.status=''">Zurück</a>

Vor-Button:

Per Click wird die Seite unter den Favoriten gespeichert:

<SCRIPT LANGUAGE="JavaScript">  </script> <noscript> Bitte bookmarke diese Seite. </noscript>

Zeigt an, wann die Seite zuletzt aktualisiert wurde:

Zeigt Datum, Uhrzeit und lustigen Taxt an:

Taschenrechner:

Button um Quelltext anzusehen:

Button um Seite zu drucken:

Kopierschutz

Kopierschutz mit Warnung:

Kopierschutz ohne Warnung:

<br> <script language=JavaScript> var message=""; function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} </script></br>

Markiersperre:

<br> <script language="JavaScript1.2"> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false") if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script></br>

Mausverfolger

Luftblasen steigen auf:

zwischen <BODY> und <IMG src="http://www.mytoday.de/cgi-bin/ivw/CP/musik/member/firewalkership-hophp/Luftbleschen_mauszeiger.htm?78314" WIDTH="1" HEIGHT="1" ALT="">  <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <NOSCRIPT> <IMG SRC="http://mytoday.ivwbox.de/cgi-bin/ivw/CP/musik/member/firewalkership-hophp/Luftbleschen_mauszeiger.htm" WIDTH="1" HEIGHT="1"> </NOSCRIPT>  </BODY> <SCRIPT LANGUAGE="JavaScript">  </script>

Bunte Punkte greifen den Mauszeiger an:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Mausangriff</title> </head> <body bgcolor="#000000"> <script language="JavaScript"> var speed=20,divTop=0,divLeft=0,angle=0,ypos=0,xpos=0,amount=13; if (document.layers){ for (i = 0; i < amount; i++) {document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/3+' height='+i/3+' bgcolor=#ffffff></layer>');} window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ xpos=evnt.pageX;ypos=evnt.pageY; } window.onMouseMove = nsMouse; } else if (document.all){ document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < amount; i++) {document.write('<div id=k style="position:absolute;top:0px;left:0px;width:'+i/3+';height:'+i/3+';background:#666666;font-size:'+i/3+'"></div>')} document.write('</div></div>'); function iMouse(){xpos=event.x;ypos=document.body.scrollTop+event.y} document.onmousemove = iMouse; } function getAngle(){ Y = ypos - divTop;X = xpos - divLeft;angle = Math.round(Math.atan2(Y,X) * 180/Math.PI); if (angle < 0)angle += 360; } function bomb(){ if (document.layers){ Yscroll=window.pageYOffset; ybase=Math.round(Math.random()*window.innerHeight);xbase=Math.round(Math.random()*window.innerWidth); yybase=window.innerHeight-10;xxbase=window.innerWidth-10; } else if (document.all){ Yscroll=document.body.scrollTop; ybase=Math.round(Math.random()*window.document.body.offsetHeight);xbase=Math.round(Math.random()*window.document.body.offsetWidth); xxbase=window.document.body.offsetWidth-10;yybase=window.document.body.offsetHeight-10; } if ((xbase > 10 && xbase < xxbase) && (ybase > 10 && ybase < yybase)) bomb(); else { if ((divLeft > xpos-speed/1.5) && (divLeft < xpos+speed/1.5) && (divTop >= ypos-speed/1.5) && (divTop <= ypos+speed/1.5)) {divTop=ybase+Yscroll;divLeft=xbase} y = Math.round(speed*Math.sin(angle*Math.PI/180));x = Math.round(speed*Math.cos(angle*Math.PI/180)); divTop+=y;divLeft+=x; getAngle(); T=setTimeout('bomb()',20); } } function Split(){ Clrs=new Array('ff0000','0000ff','ffff00') var ntscp=document.layers,msie=document.all; if (document.layers){ for (i = 0; i < amount; i++) { if (i < amount-1) {ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left} else {ntscp['nsa'+i].top=divTop;ntscp['nsa'+i].left=divLeft} } } else if (document.all){ for (i = 0; i < amount; i++) { if (i < amount-1) {msie.k[i].style.top=msie.k[i+1].style.top;msie.k[i].style.left=msie.k[i+1].style.left} else {msie.k[i].style.top=divTop;msie.k[i].style.left=divLeft} } } for (i=0; i < amount-1; i++) { for (n=0; n < Clrs.length; n++) {var x=Math.round(Math.random()*n)} if (document.layers){ntscp['nsa'+i].bgColor=Clrs[x]} else if (document.all){msie.k[i].style.background=Clrs[x]} } setTimeout("Split()",20); } function StArT(){bomb();Split()} window.onload=StArT; file://--> </script> </body> </html>

Bunte Punkte kreisen um die Maus:

<SCRIPT language=JavaScript> /* Magic Wand cursor (By Kurt at kurt.grigg@virgin.net) Modified and permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background=Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) file://number of NS layers! {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor=Clrs[c]; } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </SCRIPT>

Schneeflocken kreisen um die Maus:

<SCRIPT language=JavaScript>  </SCRIPT>

Dein Text verfolgt den Mauszeiger:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Neue Seite 3</title> <STYLE>.spanstyle { COLOR: black; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </STYLE> <SCRIPT> var x,y var step=20 var flag=0 // var message="Dein Text hier rein!!!" message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </SCRIPT> </head> <body aLink="#ff0000" bgColor="#E8E4E8" link="#ff0000" onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" text="#ffffff" vLink="#0000ff" BACKGROUND> <SCRIPT>  </SCRIPT> </BODY> </html>

Text wechselt nach kurzer Zeit:

<html>  <head> <TITLE>Text2 </TITLE> <script>  </script> <STYLE> .spanstyle { position:absolute; left:-5000px; } .explainstyle { position: absolute; top:200px; left:10px; color:FF8888; font-size:0pt; font-family:Verdana; } A { color:FF8888; } A:Hover { color:FFAAAA; } </STYLE> </HEAD> <body bgcolor=#000000 onLoad="clearmessage()"> <script>  </script> </BODY> </html>

Dein Text umkreist die Maus:

<SCRIPT LANGUAGE="JavaScript">  </script>

Maus ist ein Fadenkreuz:

Ein rotes Fadenkreuz über den ganzen Bildschirm:

</script>  <style> BODY { cursor: crosshair; } </style> </head><br> <body text="#FFFFFF" bgcolor="#FFFFFF" link="#0080FF" alink="#FFFFFF" vlink="#FF007F" background="bilder/blue.jpg"BGPROPERTIES=FIXED>   <style>  </style> <p><div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <div align="center"> <script language="JavaScript1.2">  </script>

Sterne umkreisen die Maus und bei einem Link ziehen sie sich zusammen:

<html> <head> <TITLE>Cool Linkmarker </TITLE> <script>  </script> <STYLE> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; color:FF0000 } .linktofun { position:absolute; top:240px; left:10px; width:560px; color: 000000; text-align:center; font-size:9pt; font-family:Arial; font-weight:bold; } .explain { position:absolute; top:40px; left:10px; width:560px; color: 000000; text-align:center; font-size:9pt; font-family:Arial; font-weight:bold; } A { font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration:underline } A:visited { color: #000000; } </STYLE> </HEAD> <body bgcolor="#FFFFFF"> <script>  </script> </BODY> </html>

Blaue Kugeln verfolgen den Mauszeiger:

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <script LANGUAGE="JavaScript">  </script>

Orange Kugeln verfolgen den Mauszeiger:

<Html> <HEAD> <Title>Mauszeiger 41</title> <body bgcolor="yellow"><div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <script LANGUAGE="JavaScript">  </script> <CENTER> </p> </body> </html>

Schneeflocken verfolgen die Maus:

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="snow.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

Hanfblätter verfolgen die Maus:

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="gras.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

Mauszeiger wird von Dragonball´s verfolgt:

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="db.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

Das Moorhuhn verfolgt die Maus:

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="mh.jpg" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

Smilies verfolgen die Maus:

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="smile.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <script LANGUAGE="JavaScript">  </script>

Ein Alien folgt dem Mauszeiger:

Ein Fisch folgt dem Mauszeiger:

Maus wird von einer lachenden Sonne verfolgt:

Maus zeigt immer in die Richtung, in die sich der Mauszeiger bewegt:

<SCRIPT LANGUAGE="JavaScript">   </script>

HTML Codes III

Zeigt an, wie oft der Besucher schon auf der Seite war:

Kein blauer Rand um verlinkte Bilder:

Scrollbarfarben ändern:

Scrollbar wechselt beim bewegen die Farbe:

Scrollbar wechselt ständig die Farbe:

Grauer Bilderrahmen um Bilder:

Man sieht bei ICQ Besitzern ob er online oder offline ist:

Euer Text in der Statuszeile:

Beweglicher Text in der Statuszeile:

<<script LANGUAGE="JavaScript">   </script>/textarea> <textarea cols="50" rows="3"><html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="pingpong();"> <Center> <script language="JavaScript">  </script> </head> </center> </body> </html>

Text bewegt sich hin und her:

Ganze Sätze bauen sich auf:

Kopierschutz mit Warnung:

Kopierschutz ohne Warnung:

Makiersperre:

Maus wird von bunten Bällen angegriffen:

Maus erscheint als Fadenkreuz:

</script> <STYLE>  </STYLE> <style> BODY { cursor: crosshair; } </style> </head><br> <body text="#FFFFFF" bgcolor="#FFFFFF" link="#0080FF" alink="#FFFFFF" vlink="#FF007F" background="bilder/blue.jpg"BGPROPERTIES=FIXED>   <style>  </style> <p><div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <div align="center"> <script language="JavaScript1.2">  </script>

Schneeflocken neben der Maus:

<SCRIPT language=JavaScript>  </SCRIPT>

Herzen verfolgen die Maus:

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/herzen.jpg" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/herzen.jpg" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/herzen.jpg" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/herzen.jpg" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/herzen.jpg" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/herzen.jpg" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

Hanf-Blätter verfolgen die Maus:

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="bullet.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

Smilies verfolgen die Maus:

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <script LANGUAGE="JavaScript">  </script>

Fußbälle verfolgen die Maus:

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <script LANGUAGE="JavaScript">  </script>

Dein Text umkreist die Maus:

<SCRIPT LANGUAGE="JavaScript">  </script>

Dein Text verfolgt die Maus:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Neue Seite 3</title> <STYLE>.spanstyle { COLOR: black; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </STYLE> <SCRIPT> var x,y var step=20 var flag=0 // var message="!!! Dein Text !!!" message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </SCRIPT> </head> <body aLink="#ff0000" bgColor="#E8E4E8" link="#ff0000" onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" text="#ffffff" vLink="#0000ff" BACKGROUND> <SCRIPT>  </SCRIPT> </BODY> </html>

Maus ist von einer Uhr umgeben:

Ein Flash Music Player:

Ein Button der ständig die Links wechselt:

Zeigt die Uhrzeit an:

Zeigt die Uhrzeit in einem Kasten an:

Besucher muß Fragen beantworten, dann kommt eine Geschichte raus. Tolles Script!:

<HTML> <head> <title>Java Applet Java Script kostenlos downloaden - Java Applet Geschichte 1</title> <meta NAME="Audience" CONTENT="Alle"> <meta NAME="Author" CONTENT="ROFL"> <meta NAME="Classification" CONTENT="Webdesign"> <meta NAME="Copyright" CONTENT="ROFL"> <meta HTTP-EQUIV="Content-language" CONTENT="de"> <meta HTTP-EQUIV="Content-type" CONTENT="text/html; CHARSET=iso-8859-1"> <meta HTTP-EQUIV="Reply to" CONTENT="Rofl@roflweb.de"> <style> A:link {color="#32CD32";text-decoration: none;font-weight: bold;} A:active {color="#ff0000";font-weight: bold;} A:visited {color="#32CD32";text-decoration: none;font-weight: bold;} A:hover {color="#ff0000";text-decoration: underline;font-weight: bold;} </style> </head> <BODY > <h1 align="center"><font size="3">Java Script Geschichte 1</font></h1> <hr> <p><SCRIPT language="JavaScript"></SCRIPT><b>Eines Freitag Abends entscheidest du dich, deinen <SCRIPT language="JavaScript"></SCRIPT> 'rauszunehmen für eine Spritztour mit zwei Freunden. Deine Freunde <SCRIPT language="JavaScript"></SCRIPT> und <SCRIPT language="JavaScript"></SCRIPT> erzählen dir, dass eine Party im Haus von <SCRIPT language="JavaScript"></SCRIPT> abgeht, und Sie überreden dich mitzukommen! Du fühlst dich so richtig <SCRIPT language="JavaScript"></SCRIPT> dass du das Verdeck an deinem <SCRIPT></SCRIPT> 'runtermachst und drauf losfährst. Nach dem Ihr angekommen seid, schaust du dich um und einfach jeder ist hier! <SCRIPT language="JavaScript"></SCRIPT> , heißeste <SCRIPT language="JavaScript"></SCRIPT> der Schule öffnet die Türe und bittet euch 'reinzukommen. Du verbringst die ganze Nacht damit, <SCRIPT language="JavaScript"></SCRIPT> zu trinken und mit <SCRIPT> </SCRIPT> zu flirten. <SCRIPT> </SCRIPT> will <SCRIPT language="JavaScript"></SCRIPT> gehen, deshalb entschließt du dich, etwas Spass zu haben. Du stehst auf und fängst an zu <SCRIPT language="JavaScript"></SCRIPT> ! Alle flippen aus und jauchzen " <SCRIPT language="JavaScript"></SCRIPT> " und " <SCRIPT language="JavaScript"></SCRIPT> !" Du schaust auf und fühlst dich so <SCRIPT language="JavaScript"></SCRIPT> . Mit einem Lächeln auf dem Gesicht holst Du <SCRIPT> </SCRIPT> , ihr geht zu deinem Wagen weil ihr <SCRIPT language="JavaScript"></SCRIPT> wollt. Während ihr im Auto draußen sitzt, flüstert dir <SCRIPT> </SCRIPT> etwas ins Ohr... "Ich habe sooo lange von dir geträumt!" Schicke dies an mindestens <SCRIPT language="JavaScript"></SCRIPT> Leute, und Du wirst immer glücklich sein. Wenn Du dies nicht tust, wirst Du nie mehr auf eine Party eingeladen werden und wirst Unglück in der Liebe haben für mindestens <SCRIPT> </SCRIPT> Jahre!!!" </b> <hr> <p align="center">Dieses Script hat mir <a href="http://webspecial.de" target="_blank">Hans Jürgen</a> geschickt :-)</p> <p align="center"><a href="download/Geschichte1.zip"><img src="../../../Images/download.gif" width="150" height="54" border="0" alt="download.gif (1472 Byte)"></a></p> <p align="right">[Diese Seite stammt von <a href="http://www.roflweb.de/index.htm" target="_top">roflweb.de] </a></p> </BODY> </HTML>

Sonstiges

Zurück-Button:

<a href="javascript:history.back()"onMouseOver="window.status='Zurück';return true;" onMouseOut="window.status=''">Zurrück</a>

Vor-Button:

Code für Bildergalerie:

Per Klick wird die Seite unter den Favoriten gespeichert:

Zeigt an, wann die Seite zuletzt aktualisiert wurde

Taschenrechner:

Button um Quelltext anzusehen:

Button um Seite zu drucken:

Zeigt an, wie oft der Besucher schon auf der Seite war:

Grauer Bilderrahmen um Bilder:

Man sieht bei ICQ Besitzern ob er online oder offline ist:

Mausverfolger II

1. Von der Maus steigen Luftbläschen hervor.

<SCRIPT LANGUAGE="JavaScript">  </script>

2. Ein aus 3 Farben bestehendes Dreiecksgespann umwirrt die Maus.

3. Maus wird zum Fadenkreuz. (Rot)

4. Bunte Punkte greifen die Maus an.

5. Ein bunter Schweif umkreist die Maus.

<SCRIPT language=JavaScript> if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } var Clrs=new Array(6) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='fffff0'; if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3; starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } starsDiv.all[i].style.background=Clrs[c]; } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) file://number of NS layers! {step = 4; var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length; aj++) { var c=Math.round(Math.random()*[aj]); } document.layers[templayer].bgColor=Clrs[c]; } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </SCRIPT>

6. Maus wird von bunten Punkten umgeben.

<SCRIPT language=JavaScript> var speed; var RunTime = 0; var Xpos = 0; var Ypos = 0; var pulse=25; var cnter=70; var _y; if (document.layers) { document.write('<LAYER NAME="a0" LEFT=10 TOP=10 BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a1" LEFT=10 TOP=10 BGCOLOR="#FF8000" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a2" LEFT=10 TOP=10 BGCOLOR="#FFFF00" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a3" LEFT=10 TOP=10 BGCOLOR="#00FF00" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a4" LEFT=10 TOP=10 BGCOLOR="#0000FF" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a5" LEFT=10 TOP=10 BGCOLOR="#FF00FF" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a6" LEFT=10 TOP=10 BGCOLOR="#FFFFFF" CLIP="0,0,2,2"></LAYER>'); window.captureEvents(Event.MOUSEMOVE); function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } else if (document.all) { document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">' +'<div id="c" style="position:relative">' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#8888ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>' +'</div>' +'</div>'); function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } function sv3(){ if (RunTime<0.0550) speed=0.001; if (document.layers) { for (i=0;i<7;i++) { var ntscp="a"+i document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); } } RunTime+=speed; stp=setTimeout('sv3()',10); if (RunTime>0.0540) { speed+=0.002; if (document.layers) { for (i=0;i<7;i++) { var ntscp="a"+i document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5) document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5) } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5) ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5) } } } if (speed > 0.5) { speed=0.5; cnter-=8; } if (document.layers) _y=-window.innerHeight; else if (document.all) _y=-document.body.clientHeight; if (cnter <= _y) { RunTime=0; speed=0.001; cnter=70; } } sv3(); file://--> </SCRIPT>

7. Maus wird von Schneeflocken umgeben.

<SCRIPT language=JavaScript> var images='http://www.nightfire.ch/java/jscript/trailgif6.gif';//Der Name Ihres Bildes!! var amount=4; //Anzahl der zu erzeugenden Bilder!! var yBase = 150; var xBase = 200; var step = .2; var currStep = 0; var Xpos = 5; var Ypos = 5; var i = 0; var j = 0; if (document.all) { document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">') document.write('<div id="c" style="position:relative">'); for (n=0; n < amount; n++) document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">') document.write('</div>') document.write('</div>') function MsieMouseFollow(){ Xpos = document.body.scrollLeft+event.x-5; Ypos = document.body.scrollTop+event.y-5; } document.onmousemove = MsieMouseFollow; } else if (document.layers) { window.captureEvents(Event.MOUSEMOVE); for (ns=0; ns < amount; ns++) document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>"); function NsMouseFollow(evnt){ Xpos = evnt.pageX-5; Ypos = evnt.pageY-5; } window.onMouseMove = NsMouseFollow; } function Swirl(){ if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[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); ieDiv.all.c.all[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); } } else if (document.layers) { for ( j = 0 ; j < ns ; j++ ) //7 is number of NS layers! { var temp="n"+j document.layers[temp].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); document.layers[temp].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); } } currStep += step; setTimeout("Swirl()", 10); } Swirl(); // --> </SCRIPT>

8. Text verfolgt die Maus den du geschrieben hast.

<head> <STYLE>.spanstyle { COLOR: black; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </STYLE> <SCRIPT> var x,y var step=20 var flag=0 // var message="Dein Text hier rein!!!" message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </SCRIPT> </head> <body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" BACKGROUND> <SCRIPT>  </SCRIPT>

9. Selbstgeschriebener Text umkreist die Maus.

10. Maus ist ein Fadenkreuz.

11. Maus wird von einer Uhr umgeben.

12. Sterne umkreisen die Maus und wenn man über einen link fährt ziehen sie sich zusammen.

13. Blaue Bälle verfolgen die Maus.

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <script LANGUAGE="JavaScript">  </script>

14. Herzen verfolgen die Maus.

15. Schneeflocken verfolgen die Maus.

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

16. Hanf-Blätter verfolgen die Maus.

17. Pokebälle verfolgen die Maus.

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="bullet.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/pokeball.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/pokeball.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/pokeball.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/pokeball.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/pokeball.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/pokeball.gif" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

18. Das Pokemon Raichu verfolgt die Maus.

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="bullet.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/026.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/026.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/026.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/026.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/026.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/026.gif" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

19. Maus wird von Dragonball`s verfolgt.

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="bullet.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

20. Moorhuhn verfolgt die Maus.

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="bullet.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

21. Smily`s verfolgen die Maus!

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <script LANGUAGE="JavaScript">  </script>

22. Wheel verfolgt die Maus!

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="bullet.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheel_thugstasmall.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheel_thugstasmall.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheel_thugstasmall.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheel_thugstasmall.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheel_thugstasmall.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheel_thugstasmall.gif" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

23. Wheel 2 verfolgt die Maus!

<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="bullet.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheels2000_oldenglishsmall.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheels2000_oldenglishsmall.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheels2000_oldenglishsmall.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheels2000_oldenglishsmall.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheels2000_oldenglishsmall.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members3/mcherne/wheels2000_oldenglishsmall.gif" height=25 width=25></div> <script LANGUAGE="JavaScript">  </script>

24. Fußbälle verfolgen die Maus!

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/ball.gif" height=11 width=11></div> <script LANGUAGE="JavaScript">  </script>