begin process at 2012 05 29 05:28:52
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Débutants

 > 

Effet neige a l'invers


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Effet neige a l'invers

vendredi 12 août 2005 à 14:28:57 | Effet neige a l'invers

lnazcal

Bonjour,

Comment le sujet le dit si bien je cherche un javascript qui fasse un effet boules dans un verre de cola.
Je me suis dit que il faudré changer les parametres de l'effet neige pour que les images monten au liu de desendre, mais je suis nul dans javascript (niveux = premiere page du livre javascript pour lers nuls  ) et je me demande si un de vous pouvé m'aider.
Voici le script que j'ai pour l'effet neige:

<script LANGUAGE="JavaScript1.2">
<!-- Original:  Altan (snow@altan.hr) -->
<!-- Web Site:  [ Lien ] -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! [ Lien ] -->

<!-- Begin
var no = 25; // snow number
var speed = 10; // smaller number moves the snow faster
var snowflake = "snow.gif";

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-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();
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-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();
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 -->
</script>

Merci pour votre aide
@+
Nazca

samedi 13 août 2005 à 02:01:16 | Re : Effet neige a l'invers

GhislainLavoie

Réponse acceptée !

Salut!

Voici le script modifié pour que la neige monte...

<script LANGUAGE="JavaScript1.2">
<!-- Original: Altan (snow@altan.hr) -->
<!-- Web Site: http://www.altan.hr/snow -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var no = 25; // snow number
var speed = 10; // smaller number moves the snow faster
var snowflake = "snow.gif";

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] < 10) {
xp
[i] = Math.random()*(doc_width-am[i]+30);
yp
[i] = doc_height - 15;
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] < 10) {
xp
[i] = Math.random()*(doc_width-am[i]+30);
yp
[i] = doc_height - 15;
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 -->
</script>

A+, Ghislain

samedi 13 août 2005 à 07:23:55 | Re : Effet neige a l'invers

lnazcal

Merci je vais tester ça, ce soir, de que j'arrive a la casba....
@+
Nazca
samedi 13 août 2005 à 22:46:52 | Re : Effet neige a l'invers

lnazcal

ça marche du tonerrrrrrrrrr
MERCI


Cette discussion est classée dans : doc, math, document, write, random


Répondre à ce message

Sujets en rapport avec ce message

de la vitesse [ par peterbud ] Bonjour à tous, Alors voilà,mon script me permet de faire tomber des gouttes de pluie sur ma page et ce que je cherche à faire c'est à varier la vites animation JS "au dessus" d'un flash [ par feydakin ] bonjour, je voudrais faire defiller le script javascript suivant ********* var snowsrc="**image**.gif" var no = 15; var ns4up = (document.layers) probleme script qui ne marche que sous IE [ par Azrael24 ] Bonjour à tous. je m'inicie au javascript et le "petit" script que j'ai mis sur mon site ne marche que sous IE.[code]script language=<span class="att script que j'aimerai modifier [ par betsie ] Bonjour Voilà, j'ai ce script pour une horloge analogique, mais j'aimerai pourvoir le modifier pour qu'elle soit légèrement plus à gauche et légèremen Script Automne [ par potaba ] Bonjour !!!!      J'ai trouvé une superbe script en rapport avec l'automne pour mon forum mais il n'est que compatible avec Internet explorer Est-ce q javascript et w3c [ par dadateite ] j'aimerais faire passer ce script aux normes W3C mais il ne pass epas: /* Snow Effect Script Created and submitted by Altan d.o Est bien le type document ? [ par fregolo52 ] Bonjour,Je reprends un code source d'un composant XPCom FireFox, donc, dll + js.Dans le js, il y a dans une fonction :doc.bodydoc.forms.lengthdoc.defa Problème affichage images sous ie [ par freemykl73 ] Bonjour à tous,Je cherche à mettre en place un script qui fait un décompte sur un site InternetJ'ai un petit problème avec ce script sous IE7: les ima help [ par Lo2887 ] Bonjour tous!!J'ai une faute de mon script et je n'arrive pas à la trouver... Pourriez-vous m'y aider???(je voudrais écrire sur un dégradé rouge, en v Problème pop-up Internet Explorer [ par qwhat ] Bonjour,J'ai pas mal cherché, mais je ne trouve pas pourquoi mon popup ne fonctionne pas sur IE. C'est un popup qui doit se redimensionner automatique


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,577 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales