Jump to content
×
×
  • Create New...

Script - La Neige qui Tombe


manix
 Share

Recommended Posts

Niveau requis Débutant

 

Remplacer le début du script snowsrc, par l'URL de votre image de Neige qui tombera sur votre site ! 

 

Révélation

 

/******************************************
* Snow Effect Script- By Altan d.. ([email protected], http://www.altan.hr/snow/index.html)
******************************************/


//Configure below to change URL path to the snow image
var snowsrc="URL ICONE NEIGE PNG"
// Configure below to change number of snow to render
var no = 10;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!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||ns6up) {
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 = 0; // set coordinate variables
xp = Math.random()*(doc_width-50); // set position variables
yp = Math.random()*doc_height;
am = Math.random()*20; // set amplitude variables
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<\/a><\/layer>");
} else {
document.write("<\/layer>");
}
} else if (ie4up||ns6up) {
if (i == 0) {
document.write("
<\/a><\/div>");
} else {
document.write("
<\/div>");
}
}
}
 
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx += stx;
document.layers["dot"+i].top = yp;
document.layers["dot"+i].left = xp + am*Math.sin(dx);
}
setTimeout("snowNS()", 10);
}
 
function snowIE_NS6() { // IE and NS6 main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth : document.body.clientWidth;
doc_height = ns6up?window.innerHeight : document.body.clientHeight;
}
dx += stx;
if (ie4up){
document.all["dot"+i].style.pixelTop = yp;
document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp;
document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx);
}
}
setTimeout("snowIE_NS6()", 10);
}
 
if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}

 

 

 

Cordialement,

Hey hey

  • J'adore 1
Link to comment
Share on other sites

  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Retraité

Merci beaucoup !

 

Mais, la neige, c'est un thème général non ? :P Si tu veux que plusieurs personnes le voit, poste le section programmation ? :D

 

Tout à fait ! Moi qui veut tant faire vivre la section prog', comment ai-je pu ne pas constater ceci :huh:

Je déplace.

Link to comment
Share on other sites

  • 7 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share



Important Information

Terms of Use / Privacy Policy / Guidelines / We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.