Friday, 2024-03-29, 1:07 PM
MaLuFeT Layouts
Main | Snow Effect on YouR Fs - Forum | Registration | Login
[ New messages · Members · Forum rules · Search · RSS ]
  • Page 1 of 1
  • 1
Forum moderator: malufet  
Forum » Tips and Tricks » Friendster Non-CrossOver CSS Profiles » Snow Effect on YouR Fs
Snow Effect on YouR Fs
niloDate: Thursday, 2009-01-01, 8:05 AM | Message # 1
Colonel general
Group: ML` Members
Messages: 15
Reputation: 4
Status: Offline
Save This To Ur External Js

Code

//Snow - by: MaLuFeT

if  ((document.getElementById) &&   
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 30;   //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var 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.

For The Newbie

Just Copy The Code Below and Paste It on your MediaBox!!

Code

<script src='http://malufet.ucoz.net/snow.js '></script>


 
Forum » Tips and Tricks » Friendster Non-CrossOver CSS Profiles » Snow Effect on YouR Fs
  • Page 1 of 1
  • 1
Search:

Copyright MyCorp © 2024