Admin Adminsistrator
Zodiac : Mesaje : 307 Data de inscriere : 03/04/2011 Varsta : 28 Localizare : Bacau
| Subiect: Script ninsoare pentru site - fulgi de nea Sam Apr 09, 2011 8:03 pm | |
| In perioada sarbatorilor de iarna, sunt multi webmasteri care pun niste animatii pe site, mai exact pe fundalul paginii, de genul unor fulgi de zapada care "cad" ... Aceasta creeaza o "atmosfera" aparte pe site, "in ton" cu sarbatorile de iarna, si dau un aspecti mai interesant siteului. Iata si codul HTML pentru asta: - Cod:
-
<script type="text/javascript"> /* Snow Script Visit <a href='http://dan-blog.ro/'>Dan Blog</a> for this script and many more... */ var snowmax = 30; var snowcolor = new Array("#aaaacc", "#ddddFF", "#ccccDD"); var snowtype = new Array("Arial Black", "Arial Narrow", "Times", "Comic Sans MS"); var snowletter = "*"; var sinkspeed = 0.9; var snowmaxsize = 30; var snowminsize = 10; var snowingzone = 1; var snow = new Array(); var marginbottom; var marginright; var ScrollTop; var timer; var i_snow = 0; var x_mv = new Array(); var crds = new Array(); var lftrght = new Array(); var browserinfos = navigator.userAgent; var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/); var ns6 = document.getElementById && !document.all; var opera = browserinfos.match(/Opera/); var browserok = ie5 || ns6 || opera; function randommaker(a) { rand = Math.floor(a * Math.random()); return rand } function iecompattest() { return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body } function InitHeight() { if (ie5 || opera) { marginbottom = iecompattest().clientHeight + 5; //clientHeight; marginright = iecompattest().scrollWidth + 5; //clientWidth } else { if (ns6) { marginbottom = self.innerHeight; marginright = self.innerWidth } } ScrollTop = document.body.scrollTop; if (ScrollTop == 0) { if (window.pageYOffset) ScrollTop = window.pageYOffset; else ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0; } marginbottom += ScrollTop; } function initsnow() { InitHeight() var a = snowmaxsize - snowminsize; for (i = 0;i <= snowmax;i++) { crds<em> = 0; lftrght<em> = Math.random() * 15; x_mv<em> = 0.03 + Math.random() / 10; snow<em> = document.getElementById("s" + i); snow<em>.style.fontFamily = snowtype[randommaker(snowtype.length)]; snow<em>.size = randommaker(a) + snowminsize; snow<em>.style.fontSize = snow<em>.size + "px"; snow<em>.style.color = snowcolor[randommaker(snowcolor.length)]; snow<em>.sink = sinkspeed * snow<em>.size / 5; if (snowingzone == 1) { snow<em>.posx = randommaker(marginright - snow<em>.size) } if (snowingzone == 2) { snow<em>.posx = randommaker(marginright / 2 - snow<em>.size) } if (snowingzone == 3) { snow<em>.posx = randommaker(marginright / 2 - snow<em>.size) + marginright / 4 } if (snowingzone == 4) { snow<em>.posx = randommaker(marginright / 2 - snow<em>.size) + marginright / 2 } snow<em>.posy = randommaker(2 * marginbottom - marginbottom - 2 * snow<em>.size); snow<em>.style.left = snow<em>.posx + "px"; snow<em>.style.top = snow<em>.posy + "px" } movesnow() }
function movesnow() { InitHeight(); for (i = 0; i <= snowmax; i++) { crds<em> += x_mv<em>; snow<em>.posy += snow<em>.sink; snow<em>.style.left = snow<em>.posx + lftrght<em> * Math.sin(crds<em>) + "px"; snow<em>.style.top = snow<em>.posy + "px"; if (snow<em>.posy >= marginbottom - 2 * snow<em>.size || parseInt(snow<em>.style.left) > (marginright - 3 * lftrght<em>)) { if (snowingzone == 1) { snow<em>.posx = randommaker(marginright - snow<em>.size) } if (snowingzone == 2) { snow<em>.posx = randommaker(marginright / 2 - snow<em>.size) } if (snowingzone == 3) { snow<em>.posx = randommaker(marginright / 2 - snow<em>.size) + marginright / 4 } if (snowingzone == 4) { snow<em>.posx = randommaker(marginright / 2 - snow<em>.size) + marginright / 2 } snow<em>.posy = ScrollTop } } var a = setTimeout("movesnow()", 60) } function hidesnow() { if (window.timer) { clearTimeout(timer) } for (i = 0;i <= snowmax;i++) { document.getElementById("s" + i).style.visibility = "hidden" } } for (i = 0;i <= snowmax;i++) { document.write('<div id="s' + i + '" style="POSITION: absolute; Z-INDEX: 9' + i + "; VISIBILITY: visible; TOP:-" + snowmaxsize + 'px; LEFT: 15px;">' + snowletter + "</div>") } if (browserok) { initsnow() } else { document.write('Votre navigateur ne supporte pas ce Javascript, ') }; </script> | |
|