6 replies to this topic

[John]

Its not mine so dont give me credit, but I just found it and put it on one of my sites so I figured I would share it.

Make your site snow by placing this code in your head

<SCRIPT type="text/javascript">

var snowmax=35

var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF")

var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

var snowletter="*"

var sinkspeed=2

var snowmaxsize=25

var snowminsize=10

var snowingzone=1

var snow=new Array()

var marginbottom

var marginright

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(range) {		

	rand=Math.floor(range*Math.random())

    return rand

}


function initsnow() {

	if (ie5 || opera) {

		marginbottom = document.body.clientHeight

		marginright = document.body.clientWidth

	}

	else if (ns6) {

		marginbottom = window.innerHeight

		marginright = window.innerWidth

	}

	var snowsizerange=snowmaxsize-snowminsize

	for (i=0;i<=snowmax;i++) {

		crds[i] = 0;                      

    	lftrght[i] = Math.random()*15;         

    	x_mv[i] = 0.03 + Math.random()/10;

		snow[i]=document.getElementById("s"+i)

		snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]

		snow[i].size=randommaker(snowsizerange)+snowminsize

		snow[i].style.fontSize=snow[i].size

		snow[i].style.color=snowcolor[randommaker(snowcolor.length)]

		snow[i].sink=sinkspeed*snow[i].size/5

		if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

		if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

		if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

		if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}

		snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)

		snow[i].style.left=snow[i].posx

		snow[i].style.top=snow[i].posy

	}

	movesnow()

}


function movesnow() {

	for (i=0;i<=snowmax;i++) {

		crds[i] += x_mv[i];

		snow[i].posy+=snow[i].sink

		snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);

		snow[i].style.top=snow[i].posy

		

		if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){

			if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

			if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

			if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

			if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}

			snow[i].posy=0

		}

	}

	var timer=setTimeout("movesnow()",50)

}


for (i=0;i<=snowmax;i++) {

	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")

}

if (browserok) {

	window.onload=initsnow

}

</SCRIPT>

[xtraze]

I use a code myself and invite anyone to snoop my index page and copy the code and the image if they can of course. the site is XTRaze.NET lol

[TcM]

xtraze said:

I use a code myself and invite anyone to snoop my index page and copy the code and the image if they can of course. the site is XTRaze.NET lol

Lol what was that? You want us to Copy/Paste your homepage source code and image? or what?

[xtraze]

sorry man, my site is xtraze.info and the snow code is

<script type="text/javascript">


  
  var snowsrc="images/snow3.gif"
  var no = 10;
  var hidesnowtime = 0;
  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>

and the image needed can be downloaded from http://xtraze.info/images/snow.gif happy snowing guys.

[innavalin]

i've used this before , it makes the browser very slow and laggy , especially for people on dial up :(.

[xtraze]

But the Image can be changed lol, find one with smaller bits size and no problem,
I know this is useless. But, just for the season.

[xXHalfSliceXx]

<<------*:santa:* Bumped for the Season *:santa:*------>>