Hi,
does anyone know the code that will work to add a snow effect on the websites homepage.
Thanks
We build. You grow.
Get best community software hereStart a social network, a fan-site, an education project with oxwall - free opensource community software
Snow effects | Forum
DeFender
Dec 4 '12
http://www.hypergurl.com/snowmaker.html
http://rainbow.arch.scriptmania.com/.../bg/snow_fall_1.html
http://www.peters1.dk/webtools/javascript/sne.php?sprog=en
http://rainbow.arch.scriptmania.com/.../bg/snow_fall_1.html
http://www.peters1.dk/webtools/javascript/sne.php?sprog=en
The Forum post is edited by DeFender Dec 4 '12
Pete
Dec 4 '12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta name="generator" content="">
</head>
<body>
<script type="text/javascript">
// This JavaScript code can be freely redistributed
// as long as this copyright notice is keept unchanged.
// This code is used on AS-IS basis and
// you use it on your own risk. Author of this code
// is not responsible for any damage that this
// code may make.
//
// JS Snow v0.2
// finished on 11-10-1999 23:04 in Zagreb, Croatia.
// modified on 06-12-2005 11:20 in Zagreb, Croatia.
//
// Copyright 1999,2005 Altan d.o.o.
// http://www.altan.hr/snow/index.html
// E-mail: snow@altan.hr
var no = 10; // snow number
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
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
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: 10"+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"www.yoursite.com/folder/image.gif\"> }
function snow() {
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();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top = yp[i];
document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snow()", 20);
}
snow();
</script>
</body>
</html>.
Pete
Dec 4 '12
Add santa to people mouse curser
<script> /* Cross browser
cursor trailer script by Brian Caputo (bcaputo@icdc.com) distributed by http://hypergurl.com
(Hypergurl) Do not remove this copyright information! */ B=document.all; C=document.layers;
T1=new Array("speedingsanta.gif",50,50,"speedingsanta.gif",50,50,"speedingsanta.gif",50,50,"speedingsanta.gif",50,50,"speedingsanta.gif",50,50,"speedingsanta.gif",50,50)
nos=parseInt(T1.length/3) rate=50 ie5fix1=0; ie5fix2=0; for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img
src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+"
border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+"
width="+W+" height="+H : "<div id='"+N+"'"+"
style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+";
height:"+H+"; "); if(St){ if (C) write(" style='"); write(St+";'
") } else write((B)?"'":""); write((At)? At+">"
: ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N)
} } function closeContainer(){ document.write((B)?"</div>":"</layer>")
} function getXpos(N){ return (B) ? parseInt(B[N].style.left) : C[N].left } function
getYpos(N){ return (B) ? parseInt(B[N].style.top) : C[N].top } function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY } function cycle(){ //if (IE5) if
(document.all&&window.print){ ie5fix1=document.body.scrollLeft; ie5fix2=document.body.scrollTop;
} for (i=0;i<(nos-1);i++){ moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
} } function newPos(e){ moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
) } if(document.layers) document.captureEvents(Event.MOUSEMOVE) document.onmousemove=newPos
setInterval("cycle()",rate) </script>
