Tutorial, CSS, HTML
Par GloriaV
Cambio: 1. doc_width =800, doc_height = 600; 2. Cantidad de gif: var no = 30;3. Gif: http://msnsmileys.net/L/Love-Words/red-love.gif
HTML<script type="text/javascript">// <![CDATA[ /****************************************** * 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 ******************************************/ //Configurer ci-dessous pour changer l'URL de l'image du flocon de neige var snowsrc="http://msnsmileys.net/L/Love-Words/red-love.gif" // Configurer ci-dessous pour changer le nombre de flocons de neige à rendre var no = 30; // Configurer après combien de temps les flocons de neige disparaissent (0=jamais) var hidesnowtime = 0; // Configurer si la chute des flocons de neige est basée sur la hauteur de la fenêtre du navigateur, ou sur la hauteur de la page web complète ("windowheight" or "pageheight") var snowdistance = "pageheight"; ///////////Fin de la configuration////////////////////////////////// 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; // variables de coordonnées et position var am, stx, sty; // variables d'amplitude et de session 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; // régler les variables de coordonnées xp[i] = Math.random()*(doc_width-50); // régler les variables de position yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // régler les variables d'amplitude stx[i] = 0.02 + Math.random()/10; // régler les variables de session sty[i] = 0.7 + Math.random(); // régler les variables de session 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() { // Fonction d'animation principale pour IE et NS6 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) { // réitérer pour chaque point 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> </p> <script type="text/javascript">// <![CDATA[ WebFontConfig = { google: { families: [ 'Sofia::latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); // ]]></script>
Thème Magazine © - Hébergé par Eklablog