Article publié le dimanche 09 avril 2006 par 959520.
Cet article est classé dans les catégories « Javascript »
Voici le code JavaScript à inserer dans votre page.<br />
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTRER).<br />
A mettre entre les balises <BODY> et </BODY>, où vous voulez :<br />
<!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript>
/*
Snow Effect Script
Created and submitted by Altan d.o.o. (snow@altan.hr,
http://www.altan.hr/snow/index.html)
EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com */
var snowsrc="(
http://www.votresite.com)"
var no = 10;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var nn6up = (document.getElementById) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
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;
} else if (nn6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
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;
xp = Math.random()*(doc_width-50);
yp = Math.random()*doc_height;
am = Math.random()*20;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img xsrc='"+snowsrc+"' border=0></layer>");
} else {
document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img xsrc='"+snowsrc+"' border=0></layer>");
}
} else if (ie4up || nn6up) {
if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img xsrc='"+snowsrc+"' border=0></div>");
} else {
document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img xsrc='"+snowsrc+"' border=0></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
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() {
for (i = 0; i < no; ++ i) {
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()", 10);
}
function snowNN6() {
for (i = 0; i < no; ++ i) {
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.getElementById("dot"+i).style.top = yp;
document.getElementById("dot"+i).style.left = xp + am*Math.sin(dx);
}
setTimeout("snowNN6()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
} else if (nn6up) {
snowNN6();
}
</SCRIPT>
<!-- FIN DU SCRIPT -->
Sources de l'information : l'éditeur Javascript
Commenter cette publication
-
Commentaire publié le mardi 25 juillet 2006 à 18 h 03 par popo79pr
-
oui c assez cool !! bisous a vuos tous !
Commenter cette publication
Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.
all html : Le portail des webmaster
30/08/2010 à 10 h 29
Redimensionnement d’image proportionnellement (0 réponse)
25/08/2010 à 15 h 06
[JS] Balise canvas sur un pocket PC (9 réponses)
30/07/2010 à 16 h 45
Rotation de contenu (1 réponse)
