Scripts pour Noël

Bonhomme de neige qui se promène sur l'écran

<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
if (document.getElementById)
{
fromPub = 0;
iVolePub = new Image;
iVolePub.src = "http://curseurs-gogo.com/imagedenoel/ynoe148.gif";
offsetyPub=0;
HauteurPub = 0;
place = fromPub;
xpub = 4;
ypub = 4;
}

function RandomDep()
{
numimagePub= Math.round(Math.random()*8);
numimagePub ++;
return(numimagePub);
}

function OffSet()
{
if (navigator.appName=="Microsoft Internet Explorer")
offsetyPub = document.body.scrollTop;
}
window.onload = VolimPub;
onscroll = OffSet;
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
if (document.getElementById)
{
document.write('<DIV ID="pubBulle" STYLE="position:absolute; top:200px; left:-100px; z-indexpub:10"><IMG SRC="'+iVolePub.src+'" BORDER=0 HSPACE=0></DIV>');
}
</SCRIPT>

Bonhomme de neige qui se promène sur l'écran

function RandomDep()
{
numimagePub= Math.round(Math.random()*8);
numimagePub ++;
return(numimagePub);
}

function OffSet()
{
if (navigator.appName=="Microsoft Internet Explorer")
offsetyPub = document.body.scrollTop;
}
window.onload = VolimPub;
onscroll = OffSet;
</SCRIPT>

Bonhomme de neige qui se promène sur l'écran

function RandomDep()
{
numimagePub= Math.round(Math.random()*8);
numimagePub ++;
return(numimagePub);
}

function OffSet()
{
if (navigator.appName=="Microsoft Internet Explorer")
offsetyPub = document.body.scrollTop;
}
window.onload = VolimPub;
onscroll = OffSet;
</SCRIPT>

<SCRIPT> 
function BrowserCheck() { 
var b = navigator.appName; 
if (b == "Netscape") this.b = "NS"; 
else if (b == "Microsoft Internet Explorer") this.b = "IE"; 
else this.b = b; 
this.v = parseInt(navigator.appVersion); 
this.NS = (this.b == "NS" && this.v>=4); 
this.NS4 = (this.b == "NS" && this.v == 4); 
this.NS5 = (this.b == "NS" && this.v == 5); 
this.IE = (this.b == "IE" && this.v>=4); 
this.IE4 = (navigator.userAgent.indexOf('MSIE 4')>0); 
this.IE5 = (navigator.userAgent.indexOf('MSIE 5')>0); 
if (this.IE5 || this.NS5) this.VER5 = true; 
if (this.IE4 || this.NS4) this.VER4 = true; 
this.OLD = (! this.VER5 && ! this.VER4) ? true : false; 
this.min = (this.NS||this.IE); 
} 
is = new BrowserCheck(); 
</SCRIPT>

<BODY 
<P> 
<DIV id=staticBall style="VISIBILITY: visible; POSITION: relative"><IMG 
src="http://curseurs-gogo.com/imagedenoel/gif0081.gif" border=0> 
</DIV> 
<DIV id=ball style="VISIBILITY: hidden; POSITION: absolute"><IMG 
src="http://curseurs-gogo.com/imagedenoel/gif0081.gif" border=0> 
</DIV> 
<SCRIPT> 
iter = 0; 
setId = 0; 
down = true; 
up = false; 
bouncingBall = (is.VER5) ? document.getElementById("ball").style 
: (is.NS) ? document.layers["ball"] 
: document.all["ball"].style; 
stillBall = (is.VER5) ? document.getElementById("staticBall").style 
: (is.NS) ? document.layers["staticBall"] : document.all["staticBall"].style; 
winH = (is.NS) ? window.innerHeight - 30 : document.body.offsetHeight - 30; 
document.onmouseup = buttonUp; 
if (is.NS4) 
document.captureEvents(Event.MOUSEUP); 
function buttonUp(e) { 
if ( ((is.NS) ? e.which : event.button) != 1) return true; 
if (setId != 0) clearInterval(setId); 
bouncingBall.visibility="visible"; 
stillBall.visibility="hidden"; 
bouncingBall.left = (is.NS) ? e.pageX : event.offsetX; 
bouncingBall.top = (is.NS) ? e.pageY : event.offsetY; 
iter = 0; 
setId = setInterval("generateGravity()", 2); 
return true; 
} 
function generateGravity() { 
if ((parseInt(bouncingBall.top)+iter < winH) && down) { 
bouncingBall.top = parseInt(bouncingBall.top) + iter; 
iter++; 
return; 
} 
else { 
if ((parseInt(bouncingBall.top)< winH) && down) { 
bouncingBall.top = winH + 5; 
return; 
} 
down = false; 
up = true; 
if (iter < 0 && parseInt(bouncingBall.top) > winH) { 
clearInterval(setId); 
bouncingBall.visibility = "hidden"; 
stillBall.visibility="hidden"; 
setId = 0; 
} 
if (parseInt(bouncingBall.top) > 0 && up && iter >= 0) { 
bouncingBall.top = parseInt(bouncingBall.top) - iter; 
iter--; 
if (iter%3 == 0) iter--; 
return; 
} 
down = true; 
up = false; 
}} 
</SCRIPT>

Une image qui vole, ici des petites cloches

Image0=new Image();
Image0.src="http://curseurs-gogo.com/imagedenoel/ynoel65.gif"
Amount=8;

Ypos=new Array();
Xpos=new Array();
Speed=new Array();
rate=new Array();
grow=new Array();
Step=new Array();
Cstep=new Array();
nsSize=new Array();
ns=(document.layers)?1:0;
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++){ 
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*2+2;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
grow[i]=10;
nsSize[i]=Math.random()*15+5;
rate[i]=Math.random()*0.5+0.1;
}
if (ns){
for (i = 0; i < Amount; i++){
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=100)">');
}
document.write('</div></div>');
}
function bubbles(){
var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(270*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx; 
if (Ypos[i] < -50){
Ypos[i]=WinHeight+50;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*4+6;

grow[i]=10;
nsSize[i]=Math.random()*15+10;
}
if (ns){
document.layers['sn'+i].left=Xpos[i]+wscrll;
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else{
si[i].style.pixelLeft=Xpos[i]+wscrll;
si[i].style.pixelTop=Ypos[i]+hscrll;
si[i].style.width=grow[i];
si[i].style.height=grow[i]; 
}
grow[i]+=rate[i]; 
Cstep[i]+=Step[i];
if (grow[i] > 24) grow[i]=25;
}
setTimeout('bubbles()',10);
}
bubbles();
//-->
</script>

Compte à rebours jusqu'à Noël

2 modèles différents

Image qui suis le pointeur avec effet

Père Noël dans les nuages

Bougies qui suivent la souris

<SCRIPT LANGUAGE="JavaScript">
/*Image qui suit et regarde la souris http://www.editeurjavascript.com/scripts/scripts_images_1_66.phpSCRIPT */ 
var x = 0;var y = 0;if (document.getElementById) { if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = Pos_Souris; window.onload = Bouge_Image; }function Pos_Souris(e) { x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft; y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop; }posX = 0;posY = 0;anim = true;oldpos = "http://curseurs-gogo.com/imagedenoel/ynoel54.gif";function Bouge_Image() { if (document.getElementById && anim) { posX = posX+(((x-posX)+20)/15); posY = posY+(((y-posY)+20)/15); if(posX<x) newpos='http://curseurs-gogo.com/imagedenoel/ynoel55.gif'; else newpos='http://curseurs-gogo.com/imagedenoel/ynoel54.gif'; if(newpos!=oldpos) { document.tete.src=newpos; oldpos=newpos; } document.getElementById("teteronde").style.top = posY; document.getElementById("teteronde").style.left = posX; tempo = setTimeout("Bouge_Image()", 15) } }if(document.getElementById) { document.write('<DIV ID=teteronde style="position: absolute">'); document.write('<A HREF="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">'); document.write('<IMG SRC="http://curseurs-gogo.com/imagedenoel/ynoel55.gif" BORDER=0 HSPACE=0 VSPACE=0 NAME=tete ALT="Cliquez ici pour faire disparaître">'); document.write('</A>'); document.write('</DIV>'); }</SCRIPT>

Bonhomme de neige qui se promène sur l'écran

function RandomDep()
{
numimagePub= Math.round(Math.random()*8);
numimagePub ++;
return(numimagePub);
}

function OffSet()
{
if (navigator.appName=="Microsoft Internet Explorer")
offsetyPub = document.body.scrollTop;
}
window.onload = VolimPub;
onscroll = OffSet;
</SCRIPT>

Neige qui tombe jusqu'à la moitié de la page

<body background=""> <script language="JavaScript"> Image0=new Image(); Image0.src="http://curseurs-gogo.com/imagedenoel/snow3.gif"; Amount=15; Ypos=new Array(); Xpos=new Array(); Speed=new Array(); rate=new Array(); grow=new Array(); Step=new Array(); Cstep=new Array(); nsSize=new Array(); ns=(document.layers)?1:0; WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (j=0; j < Amount; j++){ Ypos[j] = Math.round(Math.random()*WinHeight); Xpos[j] = Math.round(Math.random()*WinWidth); Speed[j]= Math.random()*2+2; Cstep[j]=0; Step[j]=Math.random()*0.1+0.05; grow[j]=10; nsSize[j]=Math.random()*15+5; rate[j]=Math.random()*0.5+0.1; } if (ns){ for (j=0;j< Amount;j++){ document.write("<LAYER NAME='sn"+j+"' LEFT=0 TOP=0><img src="+image0.src+" name='N' width="+nsSize[j]+" height="+nsSize[j]+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (j=0;j< Amount;j++){ document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=100)">'); } document.write('</div></div>'); } function bubbles(){ var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (j=0;j<Amount;j++){ sy = Speed[j]*Math.sin(270*Math.PI/180); sx = Speed[j]*Math.cos(Cstep[j]); Ypos[j]-=sy; Xpos[j]+=sx; if (Ypos[j] > WinHeight){ Ypos[j]=-50; Xpos[j]=Math.round(Math.random()*WinWidth); Speed[j]=Math.random()*4+6; grow[j]=10; nsSize[j]=Math.random()*15+10; } if (ns){ document.layers['sn'+j].left=Xpos[j]+wscrll; document.layers['sn'+j].top=Ypos[j]+hscrll; } else{ si[j].style.pixelLeft=Xpos[j]+wscrll; si[j].style.pixelTop=Ypos[j]-hscrll; si[j].style.width=grow[j]; si[j].style.height=grow[j]; } grow[j]+=rate[j]; Cstep[j]+=Step[j]; if (grow[j] > 24) grow[j]=25; } setTimeout('bubbles()',30); } bubbles(); //--> </script>

Neige qui tombe sur toute la page (1)

<script src="http://curseurs-gogo.com/scriptsdenoel/neige2.js"></script>

Neige qui tombe sur toute la page (2)

<script src="http://curseurs-gogo.com/scriptsdenoel/neige3.js"></script>

Neige qui tombe sur toute la page (3)

<script src="http://curseurs-gogo.com/DS/flocon.js"></script>

Neige qui tombe sur toute la page (4)

 var no = 15; // nombre de flocons var speed = 5; // plus le nombre est petit, plus la vitesse augmente var snowflake = "http://videosrms.free.fr/flocon_neige1.gif"; // image ////////////////////////////////////////////////////////////////////////////// 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()*20; // 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+500) { 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+500) { 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(); } // End -->
on peut accélérer un peu la chute des flocons en remplaçant var speed = 5 (au début du script) par var speed = 0 et s'il ne neige pas sur la totalité de votre page, changer la valeur de +500 de 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+500) { par +600 ou +400, ou autre...

Tempête de neige

//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net) //Adapté et modifié par curseurs-gogo.com //Série d'images grphcs=new Array(6) Image0=new Image(); Image0.src=grphcs[0]="http://curseurs-gogo.com/imagedenoel/snow3.gif"; Image1=new Image(); Image1.src=grphcs[1]="http://curseurs-gogo.com/imagedenoel/snow.gif" Image2=new Image(); Image2.src=grphcs[2]="http://curseurs-gogo.com/imagedenoel/snow1.gif" Image3=new Image(); Image3.src=grphcs[3]="http://curseurs-gogo.com/imagedenoel/flocon_neige4.gif" Image4=new Image(); Image4.src=grphcs[4]="http://curseurs-gogo.com/imagedenoel/flocon_neige5.gif" Image5=new Image(); Image5.src=grphcs[5]="http://curseurs-gogo.com/imagedenoel/flocon_neige6.gif" Amount=30; //Nombre d'images - le plus "légers" sont les gifs, le plus d'images on peu se permettre Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; ns6=(document.getElementById&&!document.all)?1:0; if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Ypos[i] = Math.round(Math.random()*WinHeight); Xpos[i] = Math.round(Math.random()*WinWidth); Speed[i]= Math.random()*5+3; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(90*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] > WinHeight){ Ypos[i]=-60; Xpos[i]=Math.round(Math.random()*WinWidth); Speed[i]=Math.random()*5+3; } if (ns){ document.layers['sn'+i].left=Xpos[i]; document.layers['sn'+i].top=Ypos[i]+hscrll; } else if (ns6){ document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); document.getElementById("si"+i).style.top=Ypos[i]+hscrll; } else{ eval("document.all.si"+i).style.left=Xpos[i]; eval("document.all.si"+i).style.top=Ypos[i]+hscrll; } Cstep[i]+=Step[i]; } setTimeout('fall()',20); } window.onload=fall
pour ralentir la chute Speed[i]= Math.random()*5+3;remplacer le 3 par 1 ou rien cette ligne apparait à 2 endroits dans le script

<script src="http://curseurs-gogo.com/scriptsdenoel/neigeter.js"></script>