<<<<< Hannes4all >>>>>

HTML Codes II

Lustige und Teilweise Nützliche Codes. Zum Teil von mir zum anderen von Freunden.

Am besten ist es, wenn Sie das Skript zwischen den </TITLE> und den </HEAD>-Tag setzen, z.B. so:

<html>
<head>
<title>Test</title>
   <script language="JavaScript">
   
   </script>
</head>
<body>
</body>
</html>

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.Euere-Adresse.de/Bild-von-euch.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:

<body bgcolor=#000000 onLoad="fly()">

<script language="JavaScript">

</script>

Leuchtende Punkte fliegen in die Mitte:

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

<center><font size="2" face="Verdana"><script Language="JavaScript">

</script>
</font></center><font size="2" face="Verdana"><p align="center"><br>
<big><big><big>JavaScript Beispiel  - Scrollen per Mausklick</big></big></big><p><p><p><p><p><p><p><p><p><p><p><p><p><p></p>
<form>
  <div align="center"></font><font face="Verdana"><center><font size="2"><p><input name="button" type="button"
  onClick="scrollit()" value="Klicke hier um zu  Scrollen"> <p><p><p><p><p><p><p><p><p><p><p><p><p><p></p>
  </font></center><font size="2"></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> <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><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><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><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><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><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><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></font></font>

Hintergrund auf einer einzelnen Seite:

Unbeweglicher Hintergrund:

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:

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:

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

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 Text an:

Taschenrechner:

Button um Quelltext anzusehen:

Button um Seite zu drucken:

Begrüßung beim betreten deiner Homepage:

Bei jedem Besucher erscheint eine andere Begrüßung:

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:

Es schneit auf der Homepage:

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

<font face="Verdana" size="2"><center><script Language="JavaScript">

</script>
</center></font><font face="Verdana" size="2">
<p align="center"><br>
<big><big><big>JavaScript Beispiel  - Scrollen per Mausklick</big></big></big><p><p><p><p><p><p><p><p><p><p><p><p><p><p></p>
<form>
  <div align="center"><center><p><input name="button2" type="button"
  onClick="scrollit()" value="Klicke hier um zu  Scrollen"> <p><p><p><p><p><p><p><p><p><p><p><p><p><p></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> <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><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><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><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><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><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><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></font>

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:

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:

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:

nach oben