Titre: javascript winter fashion
Posté par: JR le le 01-01-2003 a 21:31:58
bah je c plus si ct ici qu'on ct posé la vieille question à savoir comment faire tomber la neige sur une page web en javascript, je c pas si ct sur ce forum, il me semble....
donc bon c tombé sur une ml d'ovh que vous avez ptet
voici:
Bonjour à tous,
J'ai un petit javascript pour faire tomber de la neige :
<SCRIPT LANGUAGE="JavaScript1.2">
var no = 8; // snow number
var speed = 2; // smaller number moves the snow faster
var snowflake = "http://www.mon site.com/images_fichiers/flocon.gif";
Tout ce que je voudrai c'est pouvoir faire tomber plusieurs Gif de
flocons...quel code et où pour rajouter ça svp ? ( j'ai déjà essayé
différentes variantes mais ça bloque tout....
merci
marc
script complet :
<SCRIPT LANGUAGE="JavaScript1.2">
var no = 8; // snow number
var speed = 2; // smaller number moves the snow faster
var snowflake = "http://www.mon site.com/images_fichiers/flocon.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 = 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("<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 += 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()", speed);
}
function snowIE() { // IE 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 = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx += stx;
document.all["dot"+i].style.pixelTop = yp;
document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>
|
Titre: Re:javascript winter fashion
Posté par: Shain le le 02-01-2003 a 04:23:36
| Sinon y a l'editeur-javascript (voir lien partenaire en bas de page), on ne le repetera jamais assez ! |
Titre: Re:javascript winter fashion
Posté par: drunkenmaster68 le le 02-01-2003 a 11:17:58
| T'es en train de retaper le site à kiki JR ?! ;D |
Titre: Re:javascript winter fashion
Posté par: Fabien le le 02-01-2003 a 12:34:23
| Bah il bosse sur son nouveau site |
Titre: Re:javascript winter fashion
Posté par: SIBELIUS le le 02-01-2003 a 13:44:43
| A savoir quand-même que c'est le genre de site qui lasse rapidement l'utilisateur (moi, ça me fait fuir en général) |
Titre: Re:javascript winter fashion
Posté par: JR le le 02-01-2003 a 20:06:39
T'es en train de retaper le site à kiki JR ?! ;D
|
|
oui merde je suis dévoilé...
je vais y mettre en place un nouveau system e-business:
le pay-per-kitsch
tu paies t(as de la daube...
nan c juste que je croyais que qq'un avait posé la question et comme ct sur une ml vala qwa |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|