Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Editer l'article
Suivre ce blog
Administration
Connexion
+
Créer mon blog
MENU
Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Recherche
Rechercher
Connexion
+
Créer mon blog
Editer l'article
Suivre ce blog
Administration
Partager
Tutorial, CSS, HTML
Accueil
Catégories principales
Amados ángeles
Animales
Antivirus
Bienvenido
Bordes
Boton
Carnaval
Color RGB HEX...
Con fondo flash
Cuadros alimentos
Cuadros amor
Cuadros animales
Cuadros flores
Cuadros humor
Cuadros musica
Cuadros naturaleza
Cuadros navideños
Cuadros para fondos...
Cuadros Pascua
Cuadros personas
Archives
2017
Novembre (8)
Octobre (8)
Septembre (24)
Août (24)
Juillet (31)
Juin (60)
Mai (70)
Avril (265)
Mars (101)
Février (78)
Janvier (103)
2016
Décembre (199)
Novembre (371)
Octobre (303)
Septembre (329)
Août (148)
Juillet (96)
Juin (46)
Mai (33)
Avril (76)
Mars (127)
Février (36)
Janvier (3)
2015
Décembre (18)
Novembre (23)
Octobre (8)
Septembre (6)
Août (196)
Juillet (300)
Juin (16)
Mai (26)
Avril (33)
Mars (18)
Février (105)
Contact
>
Tutorial falling (Objetos que caen)
>
HTML /****************************************** * Snow Effect Script- By Altan... -
21.03.2016
…
Par GloriaV
HTML
<script type="text/javascript"> /****************************************** * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code * Last updated Nov 9th, 05' by DD. This notice must stay intact for use ******************************************/ //Configure below to change URL path to the snow image var snowsrc="http://dl5.glitter-graphics.net/pub/2036/2036715azasfnpsn7.gif" // Configure below to change number of snow to render var no = 10; // Configure whether snow should disappear after x seconds (0=never): var hidesnowtime = 0; // Configure how much snow should drop down before fading ("windowheight" or "pageheight") var snowdistance = "pageheight"; ///////////Stop Config////////////////////////////////// var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } 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 (ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc 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 (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>"); } } } function snowIE_NS6() { // IE and NS6 main animation function doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight; 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(); } dx[i] += stx[i]; document.getElementById("dot"+i).style.top=yp[i]+"px"; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; } snowtimer=setTimeout("snowIE_NS6()", 10); } function hidesnow(){ if (window.snowtimer) clearTimeout(snowtimer) for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden" } if (ie4up||ns6up){ snowIE_NS6(); if (hidesnowtime>0) setTimeout("hidesnow()", hidesnowtime*1000) } </script>
« Article précédent
Article suivant »
Retour à l'accueil
Partager cet article
/****************************************** * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code *..." data-lang="en" >
Repost
0
S'inscrire à la newsletter
Pour être informé des derniers articles, inscrivez vous :
Vous aimerez aussi :
Article publié depuis Eklablog
Article publié depuis Eklablog
Article publié depuis Eklablog
Article publié depuis Eklablog
Commenter cet article
Ajouter un commentaire
Thème Magazine © - Hébergé par
Eklablog