Html Codes

Zurück-Button:

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

Vor-Button:

<a href="javascript:history.forward()"onMouseOver="window.status='Vorwдrts';return true;" onMouseOut="window.status=''">Vor</a>

Code für Bildergalerie:

<A href="http://www.beepworld.de/memberdateien/membersX/nickname/dateiname.jpg"><img src=http://www.beepworld.de/memberdateien/membersX/nickname/dateiname.jpg" Border="0" height="100" ></A>

Per Klick 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

<script LANGUAGE="JavaScript">  function initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var DOWArray = new initArray("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); var MOYArray = new initArray("Januar","Februar","Mдrz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"); var LastModDate = new Date(document.lastModified); var Name = navigator.appName;  document.write("letzte Дnderung: "); document.write(DOWArray[(LastModDate.getDay()+1)],", ");  document.write(MOYArray[(LastModDate.getMonth()+1)]," ");  if ( Name == "Netscape" ) { document.write(LastModDate.getDate(),", ",(LastModDate.getYear()+1900));  } else { document.write(LastModDate.getDate(),", ",(LastModDate.getYear()));  } document.write("."); </script>

Taschenrechner:

<script language="JavaScript">  </script> <center> <h1>Rechner</h1> <form name="Rechner"> <div align="center"><table border="10" cellpadding="10" bgcolor="#C0C0C0"> <tr> <td bgcolor="#8C8C8C"><input type="text" size="30" maxlength="30" name="Display"></td> </tr> <tr> <td><table border="0"> <tr> <td width="50"><input type="button" value=" 7 " onclick="Hinzufuegen('7')"></td> <td width="50"><input type="button" value=" 8 " onclick="Hinzufuegen('8')"></td> <td width="70"><input type="button" value=" 9 " onclick="Hinzufuegen('9')"></td> <td width="50"><input type="button" value=" + " onclick="Hinzufuegen('+')"></td> </tr> <tr> <td width="50"><input type="button" value=" 4 " onclick="Hinzufuegen('4')"></td> <td width="50"><input type="button" value=" 5 " onclick="Hinzufuegen('5')"></td> <td width="70"><input type="button" value=" 6 " onclick="Hinzufuegen('6')"></td> <td width="50"><input type="button" value=" - " onclick="Hinzufuegen('-')"></td> </tr> <tr> <td width="50"><input type="button" value=" 1 " onclick="Hinzufuegen('1')"></td> <td width="50"><input type="button" value=" 2 " onclick="Hinzufuegen('2')"></td> <td width="70"><input type="button" value=" 3 " onclick="Hinzufuegen('3')"></td> <td width="50"><input type="button" value=" * " onclick="Hinzufuegen('*')"></td> </tr> <tr> <td width="50"><input type="button" value=" = " onclick="Ergebnis()"></td> <td width="50"><input type="button" value=" 0 " onclick="Hinzufuegen('0')"></td> <td width="70"><input type="button" value=" . " onclick="Hinzufuegen('.')"></td> <td width="50"><input type="button" value=" / " onclick="Hinzufuegen('/')"></td> </tr> <tr> <td width="50"><input type="button" value=" sqr " onclick="Sonderfunktion('sqrt')"></td> <td width="50"><input type="button" value=" І " onclick="Sonderfunktion('pow')"></td> <td width="70"><input type="button" value=" log " onclick="Sonderfunktion('log')"></td> <td width="50"><input type="reset" value=" C "></td> </tr> </table> </td> </tr> </table> </center></div> </form>

Button um Quelltext anzusehen:

<form> <p align="left"><font face="Verdana" size="1"> <input type="button" value="Quelltext ansehen" onclick="window.location = "view-source:" + window.location.href"> </font></p> </form>

Button um Seite zu drucken:

<style TYPE="text/css">  </style> </head> <p><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><script language="Javascript1.2">  </script> </font></p>

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

<script LANGUAGE="JavaScript"> function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } var expDays = 30; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function amt(){ var count = GetCookie('count') if(count == null) { SetCookie('count','1') return 1 } else { var newcount = parseInt(count) + 1; DeleteCookie('count') SetCookie('count',newcount,exp) return count } } function getCookieVal(offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } </SCRIP> <SCRIPT LANGUAGE="JavaScript"> document.write("Du warst schon <b>" + amt() + "</b>x hier.") </SCRIPT >

Grauer Bilderrahmen um Bilder:

<table border=1 cellpadding=2 cellspacing=0 bgcolor=#000000><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#999999><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#C0C0C0><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#C0C0C0><tr><td><img src=urls/name-des-bildes.gif></td></tr> </table></td></tr> </table></td></tr> </table></td></tr> </table>

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

<img alt="momentaner ICQ Status - grьn=online, rot=offline" border="0" src="http://online.mirabilis.com/scripts/online.dll?icq=DeineICQNummerhiereinsetzten&img=2">

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:

<CENTER> <TABLE BORDER="2" CELLPADING="2" CELLSPACING="2" BGCOLOR="brown"> <TR><TD BGCOLOR="blue"> <FONT SIZE="3" COLOR="white" STYLE="cursor:hand" ONMOUSEOUT="dis()" ONMOUSEOVER="chen()"> <B>Web Site Info.</A><BR></FONT> </TD></TR> </TABLE> </CENTER> <font size=2 face="arial narrow"> <input type=button name="add" style="position:absolute;top:50;left:400;background-color:yellow;color:black;border-color:black;height:0;width:0"> <SCRIPT LANGUAGE="JavaScript">  </script>

Popup Fenster:

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

Good-Bye beim verlassen der Seite:

<body onunload="window.alert('Good by')">

Ein Vorhang öffnet sich beim betreten der Seite:

<style>  </style> zwischen <body> und <IMG src="http://www.mytoday.de/cgi-bin/ivw/CP/musik/member/firewalkership-hophp/Vorhang_2.htm?53287" WIDTH="1" HEIGHT="1" ALT=""> </body> <div id="i1" class="intro" align="center"></div> <div id="i2" class="intro" align="center"></div> <div id="i3" class="intro" align="center"></div> <div id="i4" class="intro" align="center"></div> <div id="i5" class="intro" align="center"></div> <div id="i6" class="intro" align="center"></div> <div id="i7" class="intro" align="center"></div> <div id="i8" class="intro" align="center"></div> <script language="JavaScript1.2"> var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/2 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width}} else if (document.all){ var clipright=document.body.clientWidth/2,clipleft=0 for (i=1;i<=2;i++){ temp[i]=eval("document.all.i"+i+".style") temp[i].width=document.body.clientWidth/2 temp[i].height=document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width)}} function openit(){ window.scrollTo(0,0) if (document.layers){ temp[1].right-=speed temp[2].left+=speed if (temp[2].left>window.innerWidth/2) clearInterval(stopit)} else if (document.all){ clipright-=speed temp[1].clip="rect(0 "+clipright+" auto 0)" clipleft+=speed temp[2].clip="rect(0 auto auto "+clipleft+")" if (clipright<=0) clearInterval(stopit)}} function gogo(){stopit=setInterval("openit()",100)} gogo() </script>

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:

<script language="JavaScript">  </script>

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:

<script language="JavaScript">  </script>

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:

<body background=http://www.adresse-des-bildes.jpg>

Unbeweglicher Hintergrund:

<br><body background=http://www.adresse-zum-hintergrund.jpg bgcolor="#000000" text="#0000FF" <br>bgproperties="fixed">
Text läuft von Rechts nach Links

<br><marquee direction="left">text</marquee>

Text läuft von Links nach Rechts

<br><marquee direction="right">text</marquee>

Text läuft hin und her

<br><MARQUEE behavior=alternate>text</marquee>

Text läuft von unten nach oben

<br><marquee direction="up">Dein Text</marquee>

Text läuft von oben nach unten

<br><marquee direction="down">Dein Text</marquee>

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:

<script language="Javascript">  </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> 

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 Dragonballs 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:

<script language="javascript"> B=document.all;C=document.layers; T1=new Array("http://www.beepworld2.de/memberdateien/members5/ollisucht/alien.gif",35,35) nos=parseInt(T1.length/3) file://rate=100000 for (i=0;i<nos;i++){createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){with (document){write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute; left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");if(St){if (C)write(" style='");write(St+";' ")}else write((B)?"'":"");write((At) ? At+">" : ">");write((HT) ? HT : "");if (!Op)closeContainer(N)}} function closeContainer(){document.write((B)?"</div>":"</layer>")} function getXpos(N){return (B) ? parseInt(B[N].style.left) : C[N].left} function getYpos(N){return (B) ? parseInt(B[N].style.top) : C[N].top} function moveContainer(N,DX,DY){c=(B) ? B[N].style : C[N];c.left=DX;c.top=DY} function cycle(){for (i=0;i<(nos-1);i++){moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))}} function newPos(e){moveContainer("CUR"+(nos-1),((B)?event.clientX+document.body.scrollLeft:e.pageX)+2,((B)?event.clientY+document.body.scrollTop:e.pageY)+2)} if(document.layers)document.captureEvents(Event.MOUSEMOVE) else if (B)document.body.onscroll=newPos document.onmousemove=newPos file://setInterval("cycle()",rate); </script>

Ein Fisch folgt dem Mauszeiger:

<script language="javascript"> B=document.all;C=document.layers; T1=new Array("http://www.beepworld2.de/memberdateien/members5/ollisucht/fisch.gif",35,35) nos=parseInt(T1.length/3) file://rate=100000 for (i=0;i<nos;i++){createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){with (document){write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute; left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");if(St){if (C)write(" style='");write(St+";' ")}else write((B)?"'":"");write((At) ? At+">" : ">");write((HT) ? HT : "");if (!Op)closeContainer(N)}} function closeContainer(){document.write((B)?"</div>":"</layer>")} function getXpos(N){return (B) ? parseInt(B[N].style.left) : C[N].left} function getYpos(N){return (B) ? parseInt(B[N].style.top) : C[N].top} function moveContainer(N,DX,DY){c=(B) ? B[N].style : C[N];c.left=DX;c.top=DY} function cycle(){for (i=0;i<(nos-1);i++){moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))}} function newPos(e){moveContainer("CUR"+(nos-1),((B)?event.clientX+document.body.scrollLeft:e.pageX)+2,((B)?event.clientY+document.body.scrollTop:e.pageY)+2)} if(document.layers)document.captureEvents(Event.MOUSEMOVE) else if (B)document.body.onscroll=newPos document.onmousemove=newPos file://setInterval("cycle()",rate); </script>

Maus wird von einer lachenden Sonne verfolgt:

<script language="javascript"> B=document.all;C=document.layers; T1=new Array("http://www.beepworld2.de/memberdateien/members5/ollisucht/sonne.gif",35,35) nos=parseInt(T1.length/3) file://rate=100000 for (i=0;i<nos;i++){createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){with (document){write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute; left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");if(St){if (C)write(" style='");write(St+";' ")}else write((B)?"'":"");write((At) ? At+">" : ">");write((HT) ? HT : "");if (!Op)closeContainer(N)}} function closeContainer(){document.write((B)?"</div>":"</layer>")} function getXpos(N){return (B) ? parseInt(B[N].style.left) : C[N].left} function getYpos(N){return (B) ? parseInt(B[N].style.top) : C[N].top} function moveContainer(N,DX,DY){c=(B) ? B[N].style : C[N];c.left=DX;c.top=DY} function cycle(){for (i=0;i<(nos-1);i++){moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))}} function newPos(e){moveContainer("CUR"+(nos-1),((B)?event.clientX+document.body.scrollLeft:e.pageX)+2,((B)?event.clientY+document.body.scrollTop:e.pageY)+2)} if(document.layers)document.captureEvents(Event.MOUSEMOVE) else if (B)document.body.onscroll=newPos document.onmousemove=newPos file://setInterval("cycle()",rate); </script>

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

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

Kostenlose Html Vorlagen