Mario & Luigis wunderbare Welt

Sternenstaub (m) - Mario & Luigis wunderbare Welt
















Mario & Luigis wunderbare Welt
Startseite |
Charaktere |
Spiele |
Konsolen |
Nintendo |
Javascripts |
Webdesign |
Links |
Pagerank |
Awards |
Newsarchiv |
Gästebuch |
Impressum
Desktop-Version | Mobile Version
 Sternenstaub
Beschreibung
Dieses Javascript erzeugt beim Bewegen der Maus Sternenstaub, der langsam nach unten fällt. Dabei handelt es sich um Schriftzeichen, deren Schriftart, Schriftgröße, Schriftfarbe, maximale Anzahl und Fallhöhe im oberen Bereich des Javascripts eingestellt werden können.
Wichtig: Hierbei handelt es sich um ein von mir selbst programmiertes Javascript und nicht um eine Raubkopie des weit verbreiteten "Feenstaub-Javascripts".
 
Technische Details
Mindestvoraussetzungen

CSS:2.0
Javascript:1.2/MS
Netscape:4.0
Internet Explorer:4.0
Firefox:1.0
Opera:7.0
Chrome:1.0
Safari:1.2
Konqueror:3.3


Verwendete intrinsische Funktionen
Methoden

Array()
for()
if()
random()
round()
setTimeout()
write()

Eigenschaften

body
clientX
clientY
display
document
event
fontSize
left
length
onmousemove
pageX
pageXOffset
pageY
pageYOffset
scrollLeft
scrollTop
style
top

 
Vorschau
Bewege den Mauszeiger

 
Javascript einbinden
HTML-Code
<script type="text/javascript">
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/



/***** HIER DIE EINSTELLUNGEN FÃœR DEN STERNENSTAUB VORNEHMEN *****/

var Zeichen53 = "*";
var Schriftart53 = "Arial";
var Schriftgroesse53 = 16;
var Schriftfarbe53 = "#FF0000";
var maximale_Anzahl53 = 50;
var maximale_Fallhoehe53 = 200;

/***** AB HIER NICHTS MEHR ÄNDERN *****/



var uSplice = (new Array()).splice ? true:false;
var HTML53 = "";
var Anzahl53 = Maus_X53 = Maus_Y53 = Maus_X_53 = Maus_Y_53 = 0;
var absolut_X53 = new Array();
var absolut_Y53 = new Array();
var relativ_X53 = new Array();
var relativ_Y53 = new Array();
var bewegen_X53 = new Array();
var bewegen_Y53 = new Array();
var Dummy53;

for(var i=0;i<maximale_Anzahl53;i++)
HTML53 += '<form name="Sternenstaub53" action="" style="font-family: '+Schriftart53+'; color: '+Schriftfarbe53+'; position: absolute; display: none">'+Zeichen53+'</'+'form>';

document.write(HTML53);

function bewegen53(Ereignis53)
{
if(!Ereignis53)
Ereignis53 = window.event;
if(Ereignis53&&Anzahl53<maximale_Anzahl53)
{
Maus_X53 = (Ereignis53.clientX||Ereignis53.pageX||0)+(window.pageXOffset||document.body.scrollLeft||0);
Maus_Y53 = (Ereignis53.clientY||Ereignis53.pageY||0)+(window.pageYOffset||document.body.scrollTop||0);
}
}

function Animation53()
{
if(Maus_X53!=Maus_X_53||Maus_Y53!=Maus_Y_53)
{
absolut_X53[Anzahl53] = Maus_X_53 = Maus_X53;
absolut_Y53[Anzahl53] = Maus_Y_53 = Maus_Y53;
relativ_X53[Anzahl53] = relativ_Y53[Anzahl53] = 0;
bewegen_X53[Anzahl53] = 10-Math.round(Math.random()*20);
bewegen_Y53[Anzahl53] = 30+Math.round(Math.random()*20);

(Dummy53 = document.Sternenstaub53[Anzahl53].style).fontSize = Schriftgroesse53+"px";
Dummy53.left = absolut_X53[Anzahl53]+"px";
Dummy53.top = absolut_Y53[Anzahl53++]+"px";
Dummy53.display = "";
}

for(var i=0;i<Anzahl53;i++)
{
if(relativ_Y53[i]<maximale_Fallhoehe53*10)
{
(Dummy53 = document.Sternenstaub53[i].style).fontSize = Schriftgroesse53-Schriftgroesse53*relativ_Y53[i]/maximale_Fallhoehe53/10;
Dummy53.left = absolut_X53[i]+(relativ_X53[i] += bewegen_X53[i])/10;
Dummy53.top = absolut_Y53[i]+(relativ_Y53[i] += bewegen_Y53[i])/10;
}
else
{
absolut_X53 = Splice(absolut_X53,i);
absolut_Y53 = Splice(absolut_Y53,i);
relativ_X53 = Splice(relativ_X53,i);
relativ_Y53 = Splice(relativ_Y53,i);
bewegen_X53 = Splice(bewegen_X53,i);
bewegen_Y53 = Splice(bewegen_Y53,i);

document.Sternenstaub53[Anzahl53 -= 1].style.display = "none";
}
}

setTimeout(Animation53,50);
}

function Splice(Array153,Index53)
{
if(uSplice)
{
Array153.splice(Index53,1);

return Array153;
}
else
{
var Array253 = new Array();
var Laenge53 = Array153.length-1;

for(var i=0;i<Laenge53;i++)
Array253[i] = Array153[i+(i>=Index53 ? 1:0)];

return Array253;
}
}

Animation53();

document.body.onmousemove = bewegen53;
//-->
</script>
 
Statistik
Zum Anzeigen der Besucherzahlen muss Javascript im Browser aktiviert sein.
Valid HTML 4.01 Transitional
CSS ist valide!
Copyright Valentin HammerZuletzt geändert am 6. Januar 2020