Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Java Snow Effect?“

aftern00n

Nicht mehr ganz neu hier

Hi Leute,
wollte einen Java Snow Effect auf meiner Seite
einbauen.
Aber das einzige was ich finde sind Java Scripts
die sich nur auf ein Fenster (appelt) beziehen...
Ich wollte es jedoch auf der ganzen seite,
meine frage nun, wie schaff ich das?

greetz sonYx
 
M

Martin-March

Guest

Code:
<script LANGUAGE="JavaScript1.2">

<!-- Auf geht's, lassen wir es schneien
var no = 35; 
var speed = 1; 
var snowflake = "[b]http://www.url.de/deinbild.jpg[/b]";
var ns4up = (document.layers) ? 1 : 0;  
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;    
var am, stx, sty;  
var i, doc_width = 800, doc_height = 1600;
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;                       
xp[i] = Math.random()*(doc_width-50);  
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random();     
if (ns4up) {                     
	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() {  
for (i = 0; i < no; ++ i) {  
yp[i] += sty[i];
if (yp[i] > doc_height-10) {
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() {  
for (i = 0; i < no; ++ i) {  
yp[i] += sty[i];
if (yp[i] > doc_height-10) {
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();
}
// so schö -->
</script>

Müsste gehen 8)
Grüße
Martin
 

Herr_D

offline

nur so nebenbei ... das ist javascript kein java und im code bereich funzen bb-codes nicht...


also


die 's müssen raus, sonst geht gar nix ...
 
M

Martin-March

Guest

Hi
Oh ja klar, ich wusste nicht, dass die BookCodes bei Code nicht gehen.
Also mache zwischen [ b ] und [ /b ] einfach die url zu dem bild rein. und nicht stehen lassen.
zb:

var snowflake = "http://whitepalms.de/blabla.jpg]";

grüße
Martin
 

Maykiz

Pixelheld

Also ich habs grad getestet und es geht ;)

Btw. geht es glaube ich nur im IE..
Jedenfalls hat es da bei mir funktioniert ^^ (FF wollte nich so)

gReetz
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.189
Beiträge
2.582.077
Mitglieder
67.259
Neuestes Mitglied
SaschMasch1312
Oben