skip to main |
skip to sidebar
Quieres tener un blog nevado, así como nieva en esta página que estas viendo? Bueno lograr este efecto es muy sencillo, basta con simplemente insertar el siguiente código y tendrás un bonito efecto nienve en JavaScript en tu Blogger:
<script>
if ((document.getElementById) && window.addEventListener || window.attachEvent){
(function(){
//Configure here.
var num = 30; //Number of flakesvar timer = 30; //setTimeout speed. Varies on different compsvar enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).
//End.
var y = [];var x = [];var fall = [];var theFlakes = [];var sfs = [];var step = [];var currStep = [];var h,w,r;var d = document;var pix = "px";var domWw = (typeof window.innerWidth == "number");var domSy = (typeof window.pageYOffset == "number");var idx = d.getElementsByTagName('div').length;
if (d.documentElement.style && typeof d.documentElement.style.MozOpacity == "string")num = 12;
for (i = 0; i < num; i++){sfs[i] = Math.round(1 + Math.random() * 1);
document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');
currStep[i] = 0;fall[i] = (sfs[i] == 1)?Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);step[i] = (sfs[i] == 1)?0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;}
if (domWw) r = window;else{ if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0) r = d.documentElement; else{ if (d.body && typeof d.body.clientWidth == "number") r = d.body; }}
function winsize(){var oh,sy,ow,sx,rh,rw;if (domWw){ if (d.documentElement && d.defaultView && typeof d.defaultView.scrollMaxY == "number"){ oh = d.documentElement.offsetHeight; sy = d.defaultView.scrollMaxY; ow = d.documentElement.offsetWidth; sx = d.defaultView.scrollMaxX; rh = oh-sy; rw = ow-sx; } else{ rh = r.innerHeight; rw = r.innerWidth; }h = rh - 2; w = rw - 2; }else{h = r.clientHeight - 2; w = r.clientWidth - 2; }}
function scrl(yx){var y,x;if (domSy){ y = r.pageYOffset; x = r.pageXOffset; }else{ y = r.scrollTop; x = r.scrollLeft; }return (yx == 0)?y:x;}
function snow(){var dy,dx;
for (i = 0; i < num; i++){ dy = fall[i]; dx = fall[i] * Math.cos(currStep[i]);
y[i]+=dy; x[i]+=dx;
if (x[i] >= w || y[i] >= h){ y[i] = -10; x[i] = Math.round(Math.random() * w); fall[i] = (sfs[i] == 1)? Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); step[i] = (sfs[i] == 1)? 0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; }
theFlakes[i].top = y[i] + scrl(0) + pix; theFlakes[i].left = x[i] + scrl(1) + pix;
currStep[i]+=step[i];}setTimeout(snow,timer);}
function init(){winsize();for (i = 0; i < num; i++){ theFlakes[i] = document.getElementById("flake"+(idx+i)).style; y[i] = Math.round(Math.random()*h); x[i] = Math.round(Math.random()*w);}snow();}
if (window.addEventListener){ window.addEventListener("resize",winsize,false); window.addEventListener("load",init,false);} else if (window.attachEvent){ window.attachEvent("onresize",winsize); window.attachEvent("onload",init);}
})();}//End.
</script>

0 comentarios:
Publicar un comentario
Deja tu mensaje,en segundos sera contestado aquí o en tu blog
:)) i-) :-f :D ;) :o) :z :x =-/ :-m :-* :|