Javascript - Падащи снежинки, листа

staf · 2 Декември 2006

1

2

3

4

DEMO : http://web-tourist.net/project/staf/demo80.html

Слагате това в body <script SRC='snow.js'></script>
И създавате следният файл:

snow.js

В него само променяте Картинка 1,2,3,4 и слагате вашите снежинки

Код:

function rnd(){return Math.random();}
function xRnd(){return (rnd()/10);}
function yRnd(){return (2+2*(.5-rnd()));}
var letitsnow=true;
var flakes=Array("Картинка 1","Картинка 2","Картинка 3","Картинка 4");
var numflakes=5;
var GheosTime=50;
var Gheosdx,GheosxPos,GheosyPos,vx,vy,GheosObj,iVar;
var winwidth=640;
var winheight=480;

function sizeIt(){
window.winwidth=window.innerWidth?window.innerWidth:document.body.clientWidth;
window.winheight=window.innerHeight?window.innerHeight:document.body.clientHeight;
}

Gheosdx=new Array();
GheosxPos=new Array();
GheosyPos=new Array();
sway=new Array();
var swaymax=20;
vx=new Array();
vy=new Array();
sizeIt();
document.write('<STYLE TYPE="text/css">\n.flk {position:absolute;top:-100;}<\/STYLE>');
for(iVar=0;iVar<numflakes;iVar++){
	var thisflake=''+flakes[Math.floor(rnd()*flakes.length)];
	Gheosdx[iVar]=0;
	
	GheosxPos[iVar]=rnd()*(window.winwidth-30)+10;
	GheosyPos[iVar]=rnd()*window.winheight;
	sway[iVar]=rnd()*swaymax;
	vx[iVar]=xRnd();
	vy[iVar]=yRnd();
	document.write('<DIV ID="f'+iVar+'" CLASS="flk"><IMG SRC="'+thisflake+'" BORDER="0"><\/DIV>');
}

function snowMove(id,left,top){
	GheosObj=document.getElementById?document.getElementById(id).style:
	document.all?document.all[id].style:
	document.layers?document.layers[id]:null;
	if(GheosObj){
		GheosObj.left=left;
		GheosObj.top=top;
	}
}

function snowSwitch(s){
	if(s=='on'){
		if(window.letitsnow!=true){	
			window.letitsnow=true;
			doSnow();
		}
	} else if(s=='off'){
		window.letitsnow=false;
		hideSnow();
	}
}

function hideSnow(){
for(jVar=0;jVar<numflakes;++jVar)snowMove('f'+jVar,-100,-100);
}

function doSnow(){
if(letitsnow){
	sizeIt();
	delta=(window.pageYOffset!=null)?window.pageYOffset:document.body.scrollTop;
	for(kVar=0;kVar<numflakes;++kVar){
		GheosyPos[kVar]+=vy[kVar];
		if(GheosyPos[kVar]>window.winheight+delta-20){
			GheosxPos[kVar]=rnd()*(window.winwidth-sway[kVar]-30);
			GheosyPos[kVar]=delta;
			vx[kVar]=xRnd();
			vy[kVar]=yRnd();
		}
		Gheosdx[kVar]+=vx[kVar];
		snowMove('f'+kVar,GheosxPos[kVar]+sway[kVar]*Math.cos(Gheosdx[kVar]),GheosyPos[kVar]);
	}
	setTimeout("doSnow()",GheosTime);
  }	
}
//setTimeout("sunshine()",30000);
function sunshine(){
snowSwitch('off');return false;
}
window.onload=doSnow;
setTimeout("doSnow()",500);

Smirnoff · 4 Декември 2006

а това което го постна staf преди етоя мой пост къде да го сложа да работи в phpbb ? :roll:

Pr0oF · 4 Декември 2006

Ако не се лъжа беше в ../templates/your_template/overal_header.tpl

Код:

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

и прочие ..

Smirnoff · 4 Декември 2006

Pr0oF каза:
Ако не се лъжа беше в ../templates/your_template/overal_header.tpl

Код:

<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

и прочие ..

не стана :?

Pr0oF · 7 Декември 2006

Пробва ли да зададеш път до него с http ?
След този текст който ти копирах.

Smirnoff · 7 Декември 2006

Аз сложих друга джава.
Мерси все пак :?:

DJCharge · 11 Декември 2006

DHTML Snowstorm!
Version 1.2.20041121a - Updated 11.21.2004 * Code by Scott Schiller

http://www.schillmania.com/projects/snowstorm/ :?:

Тествах го с IE, Firefox и Opera - работи! Е, при Firefox е леееко лагаво, не съм погледнал още кода да видя дали може да се Fix.. :twisted:
...натрупва сняг, може да сменяте вятъра и да спирате снега!

Fenka_na_Neli · 21 Ноември 2007

Някой може ли да ми каже дали този код има вероятност да тръгне под Мозилата?

http://web-tourist.net/login/login/view.php?st=420

Благодаря Ви предварително!

Всичко в кода си работи перфектно през експлорера,но като отворя сайта през мозилата и няма сняг. :?

skate · 10 Декември 2007

staf каза:

Код:

<script>
// CREDITS:
// Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Distributed by http://www.hypergurl.com
// Permission given to use the script provided that this notice remains as is.

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=25

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=1.5

// Set the maximal-size of your snowflaxes
var snowmaxsize=26

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing 
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
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+300
		marginright = document.body.clientWidth
	}
	else if (ns6) {
		marginbottom = window.innerHeight+300
		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-50)}
		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-50)}
			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>

Къде да променя тези снежинки и да напиша пътя до мойте снежинки

Javascript - Падащи снежинки, листа

staf

Registered

Smirnoff

Registered

Pr0oF

Registered

Smirnoff

Registered

Pr0oF

Registered

Smirnoff

Registered

DJCharge

Registered

Fenka_na_Neli

Registered

skate

Registered