Schneeflocken script

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
christian1603

christian1603 hat kostenlosen Webspace.

15:17, 6.12.2009
Hey,
Ich suche einen Schneeflocken script wie momentan bei LC ist.
Ich hab mal gegoogelt aber bis jetzt immer nur script gefunden bei dennen man eine Verlinkung einbauen muss.
LG

PS: ja ich weiß solche scripte sind nicht sehr beliebt.
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

~~f*************s~~

15:25, 6.12.2009

Ich habe gegoogelt mit den Stichworten (Javascript , Schneeflocken)

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Anzahl der Schneeflocken (mehr als 30 - 40 nicht empfehlenswert)
var snowmax=35;

// Farben der Schneeflocken. Es können beliebig viele Farben angegeben werden
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");

// Fonts, welche die Schneeflocken erzeugen. Beliebig viele Fonts ergänzbar
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");

// Zeichen für die Schneeflocke (empfohlen: * )
var snowletter="*";

// Fallgeschwindigkeit (empfohlen sind Werte zwischen 0.3 bis 2)
var sinkspeed=0.6;

// Maximale Größe der Schneeflocken
var snowmaxsize=22;

// Minimale Größe der Schneeflocken
var snowminsize=8;

/*  Schnee-Zone:
** 1 für überall, 2 für Schneefall nur auf der linken Seite
** 3 für Schneefall in der Mitte, 4 für Schneefall nur auf der rechten Seite */
var snowingzone=1;

/*
* Ab hier nichts mehr ändern *
*/

var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent ;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;

function randommaker(range) {		
	rand=Math.floor(range*Math.random());
    return rand;
}

function initsnow() {
	if (ie5 || opera) {
		marginbottom = document.body.clientHeight;
		marginright = document.body.clientWidth;
	}
	else if (ns6) {
		marginbottom = window.innerHeight;
		marginright = window.innerWidth;
	}
	var snowsizerange=snowmaxsize-snowminsize;
	for (i=0;i<=snowmax;i++) {
		crds[i] = 0;                      
    	lftrght[i] = Math.random()*15;         
    	x_mv[i] = 0.03 + Math.random()/10;
		snow[i]=document.getElementById("s"+i);
		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)];
		snow[i].size=randommaker(snowsizerange)+snowminsize;
		snow[i].style.fontSize=snow[i].size;
		snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
		snow[i].sink=sinkspeed*snow[i].size/5;
		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
		snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
		snow[i].style.left=snow[i].posx;
		snow[i].style.top=snow[i].posy;
	}
	movesnow();
}

function movesnow() {
	for (i=0;i<=snowmax;i++) {
		crds[i] += x_mv[i];
		snow[i].posy+=snow[i].sink;
		snow[i].style.left=(snow[i].posx+lftrght[i]*Math.sin(crds[i])) + "px";
		snow[i].style.top=snow[i].posy + "px";
		
		if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
			snow[i].posy=0;
		}
	}
	var timer=setTimeout("movesnow()",50);
}

for (i=0;i<=snowmax;i++) {
	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px;'>"+snowletter+"</span>");
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-ohne-bilder.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=254"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Script von http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-ohne-bilder.html

Nun Schneeflocken mit Bildern :

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var no = 18; // Anzahl der Schneeflocken
var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller
var snowflake = "snow.gif"; 

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width, doc_height;
doc_width = document.body.clientWidth;
doc_height = 1100; 

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()*20;         // set amplitude variables
	stx[i] = 0.02 + Math.random()/10; // set step variables
	sty[i] = 0.7 + Math.random();     // set step variables
	if (i == 0) {
		document.write("<div id=\"schneedot"+ 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=\"schneedot"+ 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 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();
		}
		dx[i] += stx[i];
		document.getElementById("schneedot"+i).style.top = yp[i] + "px";
		document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i]))  + "px";
	}
	setTimeout("snowIE()", speed);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Von http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html.

So bitte wenns sonst noch was gibt denn posten :) Und erst googlen.

fatfreddy

fatfreddy hat kostenlosen Webspace.

15:27, 6.12.2009
Bei Dynamic Drive im Archiv gibt es auch eins: http://www.dynamicdrive.com/dynamicindex3/snow.htm

~~b****g~~

15:39, 6.12.2009

Ist es egal, wo ich dieses Script einfüge?

--

Ich hab es jetzt zwischen die head Tags eingefügt, dort geht es aber nicht :(

fabian-meinders schrieb:
Ich habe gegoogelt mit den Stichworten (Javascript , Schneeflocken)

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Anzahl der Schneeflocken (mehr als 30 - 40 nicht empfehlenswert)
var snowmax=35;

// Farben der Schneeflocken. Es können beliebig viele Farben angegeben werden
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");

// Fonts, welche die Schneeflocken erzeugen. Beliebig viele Fonts ergänzbar
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");

// Zeichen für die Schneeflocke (empfohlen: * )
var snowletter="*";

// Fallgeschwindigkeit (empfohlen sind Werte zwischen 0.3 bis 2)
var sinkspeed=0.6;

// Maximale Größe der Schneeflocken
var snowmaxsize=22;

// Minimale Größe der Schneeflocken
var snowminsize=8;

/*  Schnee-Zone:
** 1 für überall, 2 für Schneefall nur auf der linken Seite
** 3 für Schneefall in der Mitte, 4 für Schneefall nur auf der rechten Seite */
var snowingzone=1;

/*
* Ab hier nichts mehr ändern *
*/

var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent ;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;

function randommaker(range) {		
	rand=Math.floor(range*Math.random());
    return rand;
}

function initsnow() {
	if (ie5 || opera) {
		marginbottom = document.body.clientHeight;
		marginright = document.body.clientWidth;
	}
	else if (ns6) {
		marginbottom = window.innerHeight;
		marginright = window.innerWidth;
	}
	var snowsizerange=snowmaxsize-snowminsize;
	for (i=0;i<=snowmax;i++) {
		crds[i] = 0;                      
    	lftrght[i] = Math.random()*15;         
    	x_mv[i] = 0.03 + Math.random()/10;
		snow[i]=document.getElementById("s"+i);
		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)];
		snow[i].size=randommaker(snowsizerange)+snowminsize;
		snow[i].style.fontSize=snow[i].size;
		snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
		snow[i].sink=sinkspeed*snow[i].size/5;
		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
		snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
		snow[i].style.left=snow[i].posx;
		snow[i].style.top=snow[i].posy;
	}
	movesnow();
}

function movesnow() {
	for (i=0;i<=snowmax;i++) {
		crds[i] += x_mv[i];
		snow[i].posy+=snow[i].sink;
		snow[i].style.left=(snow[i].posx+lftrght[i]*Math.sin(crds[i])) + "px";
		snow[i].style.top=snow[i].posy + "px";
		
		if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
			snow[i].posy=0;
		}
	}
	var timer=setTimeout("movesnow()",50);
}

for (i=0;i<=snowmax;i++) {
	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px;'>"+snowletter+"</span>");
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-ohne-bilder.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=254"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Script von http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-ohne-bilder.html

Nun Schneeflocken mit Bildern :

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var no = 18; // Anzahl der Schneeflocken
var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller
var snowflake = "snow.gif"; 

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width, doc_height;
doc_width = document.body.clientWidth;
doc_height = 1100; 

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()*20;         // set amplitude variables
	stx[i] = 0.02 + Math.random()/10; // set step variables
	sty[i] = 0.7 + Math.random();     // set step variables
	if (i == 0) {
		document.write("<div id=\"schneedot"+ 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=\"schneedot"+ 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 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();
		}
		dx[i] += stx[i];
		document.getElementById("schneedot"+i).style.top = yp[i] + "px";
		document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i]))  + "px";
	}
	setTimeout("snowIE()", speed);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Von http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html.

So bitte wenns sonst noch was gibt denn posten :) Und erst googlen.

Beitrag zuletzt geändert: 6.12.2009 15:43:34 von bettag

~~f*************s~~

15:51, 6.12.2009

bettag schrieb:
Ist es egal, wo ich dieses Script einfüge?

--

Ich hab es jetzt zwischen die head Tags eingefügt, dort geht es aber nicht :(

fabian-meinders schrieb:
Ich habe gegoogelt mit den Stichworten (Javascript , Schneeflocken)

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Anzahl der Schneeflocken (mehr als 30 - 40 nicht empfehlenswert)
var snowmax=35;

// Farben der Schneeflocken. Es können beliebig viele Farben angegeben werden
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF");

// Fonts, welche die Schneeflocken erzeugen. Beliebig viele Fonts ergänzbar
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");

// Zeichen für die Schneeflocke (empfohlen: * )
var snowletter="*";

// Fallgeschwindigkeit (empfohlen sind Werte zwischen 0.3 bis 2)
var sinkspeed=0.6;

// Maximale Größe der Schneeflocken
var snowmaxsize=22;

// Minimale Größe der Schneeflocken
var snowminsize=8;

/*  Schnee-Zone:
** 1 für überall, 2 für Schneefall nur auf der linken Seite
** 3 für Schneefall in der Mitte, 4 für Schneefall nur auf der rechten Seite */
var snowingzone=1;

/*
* Ab hier nichts mehr ändern *
*/

var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent ;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;

function randommaker(range) {		
	rand=Math.floor(range*Math.random());
    return rand;
}

function initsnow() {
	if (ie5 || opera) {
		marginbottom = document.body.clientHeight;
		marginright = document.body.clientWidth;
	}
	else if (ns6) {
		marginbottom = window.innerHeight;
		marginright = window.innerWidth;
	}
	var snowsizerange=snowmaxsize-snowminsize;
	for (i=0;i<=snowmax;i++) {
		crds[i] = 0;                      
    	lftrght[i] = Math.random()*15;         
    	x_mv[i] = 0.03 + Math.random()/10;
		snow[i]=document.getElementById("s"+i);
		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)];
		snow[i].size=randommaker(snowsizerange)+snowminsize;
		snow[i].style.fontSize=snow[i].size;
		snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
		snow[i].sink=sinkspeed*snow[i].size/5;
		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
		snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);
		snow[i].style.left=snow[i].posx;
		snow[i].style.top=snow[i].posy;
	}
	movesnow();
}

function movesnow() {
	for (i=0;i<=snowmax;i++) {
		crds[i] += x_mv[i];
		snow[i].posy+=snow[i].sink;
		snow[i].style.left=(snow[i].posx+lftrght[i]*Math.sin(crds[i])) + "px";
		snow[i].style.top=snow[i].posy + "px";
		
		if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
			snow[i].posy=0;
		}
	}
	var timer=setTimeout("movesnow()",50);
}

for (i=0;i<=snowmax;i++) {
	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px;'>"+snowletter+"</span>");
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-ohne-bilder.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=254"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Script von http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-ohne-bilder.html

Nun Schneeflocken mit Bildern :

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var no = 18; // Anzahl der Schneeflocken
var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller
var snowflake = "snow.gif"; 

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width, doc_height;
doc_width = document.body.clientWidth;
doc_height = 1100; 

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()*20;         // set amplitude variables
	stx[i] = 0.02 + Math.random()/10; // set step variables
	sty[i] = 0.7 + Math.random();     // set step variables
	if (i == 0) {
		document.write("<div id=\"schneedot"+ 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=\"schneedot"+ 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 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();
		}
		dx[i] += stx[i];
		document.getElementById("schneedot"+i).style.top = yp[i] + "px";
		document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i]))  + "px";
	}
	setTimeout("snowIE()", speed);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Von http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html.

So bitte wenns sonst noch was gibt denn posten :) Und erst googlen.

Nein es ist sicher nicht egal. Füge einen von den Scripts bei den Meta´s <head> ein.

~~b****g~~

16:02, 6.12.2009

Hier mein index.php Datei!

Es funktioniert aber nicht, was habe ich falsch gemacht?

Ich hab das Bild auch hineingefügt und auf meinen Server hochgeladen (webspace auf lima)

var snowflake = "snow3.gif";

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>nicolas.de</title>

 <!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var no = 18; // Anzahl der Schneeflocken
var speed = 25; // Geschwindigkeit -> je kleiner die Zahl, desto schneller
var snowflake = "snow3.gif"; 

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width, doc_height;
doc_width = document.body.clientWidth;
doc_height = 1100; 

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()*20;         // set amplitude variables
 stx[i] = 0.02 + Math.random()/10; // set step variables
 sty[i] = 0.7 + Math.random();     // set step variables
 if (i == 0) {
  document.write("<div id=\"schneedot"+ 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=\"schneedot"+ 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 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();
  }
  dx[i] += stx[i];
  document.getElementById("schneedot"+i).style.top = yp[i] + "px";
  document.getElementById("schneedot"+i).style.left = (xp[i] + am[i]*Math.sin(dx[i]))  + "px";
 }
 setTimeout("snowIE()", speed);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

 

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
 


</script>
<style type="text/css">
<!--
.nicolas {
 font-size: 36px;
 text-align: center;
}
-->
</style>
</head>

<body text="#FFFFFF" bgcolor="#FFA500">


<p><center><img src="../header.png" width="730" height="337" align="middle" />  </p>
<p><a href="http://bettag.lima-city.de/nicolas.de/index.php" onmouseover="a1.src='http://bettag.lima-city.de/nicolas.de/mouseover_onhome.gif';" onmouseout="a1.src='http://bettag.lima-city.de/nicolas.de/mouseover_offhome.gif';" name="a1"><img src="http://bettag.lima-city.de/nicolas.de/mouseover_offhome.gif" border="0" alt="" name="a1"></a>&nbsp;<a href="http://bettag.lima-city.de/nicolas.de/kontakt.php" onmouseover="a1.src='http://bettag.lima-city.de/nicolas.de/mouseover_offkontakt.gif';" onmouseout="a1.src='http://bettag.lima-city.de/nicolas.de/mouseover_onkontakt.gif';" name="a1"><img src="mouseover_offkontakt.gif" border="0" alt="" name="a1"></a>
&nbsp;<a href="http://bettag.lima-city.de/nicolas.de/blog" onmouseover="a1.src='http://bettag.lima-city.de/nicolas.de/mouseover_onblog.gif';" onmouseout="a1.src='http://bettag.lima-city.de/nicolas.de/mouseover_offblog.gif';" name="a1"><img src="mouseover_offblog.gif" border="0" alt="" name="a1"></a>&nbsp;&nbsp;<a href="httP://bettag.lima-city.de/nicolas.de/shop.php"><img src="mouseover_offshop.gif" border="0" alt="" name="a1"></a>&nbsp;<a href="http://bettag.lima-city.de/nicolas.de/login/login.php" onmouseover="a1.src='http://bettag.lima-city.de/nicolas.de/mouseover_onhome.gif';" onmouseout="a1.src='http://bettag.lima-city.de/nicolas.de/mouseover_offhome.gif';" name="a1"><img src="mouseover_offlogin.gif" border="0" alt="" name="a1"></a>&nbsp;
<p class="nicolas">Herzlich Willkommen auf nicolas.de</p>
<p class="nicolas">&nbsp;</p>

Die Site befindet sich noch im Aufbau!

<p><img src="../footer.png" width="730" height="212" align="middle" /><center>
<p><hr />

<a href="#"><img src="up.png" border="0"></a>

</html>

fatfreddy

fatfreddy hat kostenlosen Webspace.

16:16, 6.12.2009
Das Skript muß nicht in den Header, sondern in den Body der Seite.

FF
~~b****g~~

16:18, 6.12.2009

fatfreddy schrieb:
Das Skript muß nicht in den Header, sondern in den Body der Seite.

FF

Könntest du es mir bitte mal richtig umändern??
fatfreddy

fatfreddy hat kostenlosen Webspace.

16:20, 6.12.2009

bettag schrieb:
Könntest du es mir bitte mal richtig umändern??

Wenn Du lesen kannst, kannst Du das selber.
Den ganzen Rotz nicht zwischen <head></head> in deine Index einbauen, sondern erst nach <body>
FF
~~b****g~~

16:32, 6.12.2009

fatfreddy schrieb:

bettag schrieb:
Könntest du es mir bitte mal richtig umändern??

Wenn Du lesen kannst, kannst Du das selber.
Den ganzen Rotz nicht zwischen <head></head> in deine Index einbauen, sondern erst nach <body>
FF

Mir ist aufgefallen, dass ich garnicht <body></body> Tags habe??
~~a******e~~

16:46, 6.12.2009
Wie kann ich folgenden Tag entfernen damit das script weiter funktioniert???
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script>

julian101

julian101 hat kostenlosen Webspace.

16:51, 6.12.2009

christian1603 schrieb:
Hey,
Ich suche einen Schneeflocken script wie momentan bei LC ist.
Ich hab mal gegoogelt aber bis jetzt immer nur script gefunden bei dennen man eine Verlinkung einbauen muss.
LG

PS: ja ich weiß solche scripte sind nicht sehr beliebt.

Genau das von Lima?
Das ist genau das von Lima!

Script einfügen

<script type="text/javascript" src="/javascript/pixel.js"></script>

////////////////////////////////////////////////////////////////
// Javascript made by Rasmus - http://www.peters1.dk //
////////////////////////////////////////////////////////////////

var SNOW_Picture = "images/layout/pixel.png";
var SNOW_no = 10;

var SNOW_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var SNOW_browser_MOZ = (self.innerWidth) ? 1 : 0;
var SNOW_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0;

var SNOW_Time;
var SNOW_dx, SNOW_xp, SNOW_yp;
var SNOW_am, SNOW_stx, SNOW_sty; 
var i, SNOW_Browser_Width, SNOW_Browser_Height;

if (SNOW_browser_IE_NS)
{
	SNOW_Browser_Width = document.body.clientWidth;
	SNOW_Browser_Height = document.body.clientHeight;
}
else if (SNOW_browser_MOZ)
{
	SNOW_Browser_Width = self.innerWidth - 20;
	SNOW_Browser_Height = self.innerHeight;
}
else if (SNOW_browser_IE7)
{
	SNOW_Browser_Width = document.documentElement.clientWidth;
	SNOW_Browser_Height = document.documentElement.clientHeight;
}


SNOW_dx = new Array();
SNOW_xp = new Array();
SNOW_yp = new Array();
SNOW_am = new Array();
SNOW_stx = new Array();
SNOW_sty = new Array();

for (i = 0; i < SNOW_no; ++ i) 
{ 
	SNOW_dx[i] = 0; 
	SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-50);
	SNOW_yp[i] = Math.random()*SNOW_Browser_Height;
	SNOW_am[i] = Math.random()*20; 
	SNOW_stx[i] = 0.02 + Math.random()/10;
	SNOW_sty[i] = 0.7 + Math.random();
	if (i == 0) document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"background: transparent; position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNOW_Picture+"\" border=\"0\" style=\"background: transparent;\" /><\/div>");
	else document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"background: transparent; position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNOW_Picture+"\" border=\"0\" style=\"background: transparent;\" /><\/div>");
}

function SNOW_Weather() 
{ 

for (i = 0; i < SNOW_no; ++ i) 
{ 
	SNOW_yp[i] += SNOW_sty[i];

	if (SNOW_yp[i] > SNOW_Browser_Height-50) 
	{
		SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-SNOW_am[i]-30);
		SNOW_yp[i] = 0;
		SNOW_stx[i] = 0.02 + Math.random()/10;
		SNOW_sty[i] = 0.7 + Math.random();
	}

	SNOW_dx[i] += SNOW_stx[i];

	document.getElementById("SNOW_flake"+i).style.top=SNOW_yp[i]+"px";
	document.getElementById("SNOW_flake"+i).style.left=SNOW_xp[i] + SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";
}

SNOW_Time = setTimeout("SNOW_Weather()", 20);

}

SNOW_Weather();

Diese Zeile musst du natürlich ändern:
var SNOW_Picture = "DEINE BILD URL";

Beitrag zuletzt geändert: 6.12.2009 16:52:50 von julian101

cookies

cookies hat kostenlosen Webspace.

16:51, 6.12.2009

afuseite schrieb:
Wie kann ich folgenden Tag entfernen damit das script weiter funktioniert???
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/schneeflocken-mit-bildern.html" title="Schnee" target="_blank">Schnee für deine Homepage</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=273"></script>


Geht nicht...

Nimm einfach das, das ist auch bei lima im Einsatz:

http://www.peters1.dk/webtools/javascript/sne.php?sprog=de

LG cookies
~~b****g~~

17:06, 6.12.2009
Ich habe jetzt schon ein paar Möglichkeiten ausprobiert, aber nichts, wirklich nichts davon funktioniert!
Hat vielleicht jemand TeamViewer und könnte mir es darüber machen??
~~a******e~~

17:20, 6.12.2009
Auch ich bin nicht wirklich zufrieden. Warum fallen bei mir die Schneeflocken nur links???
Kann bzw. muss ich in der JS Datei etwas ändern?
http://tinyurl.com/yfp4wto
----------------------------------------------------------------------------------------------------------------------------------------------------------------------
Edit: Fehler gefunden - Problem gelöst

DANKE

Beitrag zuletzt geändert: 6.12.2009 17:28:13 von afuseite

~~b****g~~

17:41, 6.12.2009

Stimmt dies?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>nicolas.de</title>

<body><script type="text/javascript" src="http://www.bettag.lima-city.de/nicolas.de/snow.js"></script></body>

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<body text="#FFFFFF" bgcolor="#FFA500">
&lt;b
</head>

Beitrag zuletzt geändert: 6.12.2009 17:41:56 von bettag

schuelerhc

schuelerhc hat kostenlosen Webspace.

17:54, 6.12.2009

Ich verwende das Hier

<script type="text/javascript"> 
var snowmax=10
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD") 
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") 
var snowletter="//hier Bild oder * einfügen " //zeichen 
var sinkspeed=0.6 
var snowmaxsize=15 
var snowminsize=8 
var snowingzone=1
var snow=new Array() 
var marginbottom 
var marginright 
var timer 
var i_snow=0 
var x_mv=new Array(); 
var crds=new Array(); 
var lftrght=new Array(); 
var browserinfos=navigator.userAgent 
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) 
var ns6=document.getElementById&&!document.all 
var opera=browserinfos.match(/Opera/) 
var browserok=ie5||ns6||opera 

function randommaker(range) {            
        rand=Math.floor(range*Math.random()) 
    return rand 
} 

function initsnow() { 
        if (ie5 || opera) { 
                marginbottom = document.body.clientHeight 
                marginright = document.body.clientWidth 
        } 
        else if (ns6) { 
                marginbottom = window.innerHeight 
                marginright = window.innerWidth 
        } 
        var snowsizerange=snowmaxsize-snowminsize 
        for (i=0;i<=snowmax;i++) { 
                crds[i] = 0; 
        lftrght[i] = Math.random()*15; 
        x_mv[i] = 0.03 + Math.random()/10; 
                snow[i]=document.getElementById("s"+i) 
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] 
                snow[i].size=randommaker(snowsizerange)+snowminsize 
                snow[i].style.fontSize=snow[i].size 
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)] 
                snow[i].sink=sinkspeed*snow[i].size/5 
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} 
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} 
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} 
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} 
                snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size) 
                snow[i].style.left=snow[i].posx 
                snow[i].style.top=snow[i].posy 
        } 
        movesnow() 
} 

function movesnow() { 
        for (i=0;i<=snowmax;i++) { 
                crds[i] += x_mv[i]; 
                snow[i].posy+=snow[i].sink 
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]); 
                snow[i].style.top=snow[i].posy 
                
                if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ 
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} 
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} 
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} 
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} 
                        snow[i].posy=0 
                } 
        } 
        var timer=setTimeout("movesnow()",50) 
} 

for (i=0;i<=snowmax;i++) { 
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"<\/span>") 
} 
if (browserok) { 
        window.onload=initsnow 
} 
</script>

fatfreddy

fatfreddy hat kostenlosen Webspace.

17:58, 6.12.2009

bettag schrieb:
Stimmt dies?

Nö!

Ein HTML-Gerüst sieht so aus

<html>
  <head> 
    <!-- Metatags, Links zu CSS-Daten und Javascripts -->
  </head>
  <body>
    <script type="text/javascript -->t>
        <!-- Hier kommt dein Schneescript hin -->
    </script>
    <!-- Alles das, was vorher schon da war und vom Browser gezeigt werden soll -->

  </body>
</html>

Beitrag zuletzt geändert: 6.12.2009 17:59:48 von fatfreddy

~~a******e~~

19:26, 6.12.2009
so sieht ein HTML-Grundgerüst aus:

<html>
<head>
<title></title>
<meta name="author" content="isteinname">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

</body>
</html>
~~b****g~~

19:41, 6.12.2009
Hi,
Wie mache ich es, dass die schneeflocken nach unten fallen??
Siehe auf nicolas.de!
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city