I don't have a title.
Gold Prognosticus
Joined: 02 Oct 2007
Posts: 2182
HP: 100 MP: 1 Lives: 1
|
 Posted: Mon Dec 24, 2007 9:15 am
|
 |
|
Over christmas, I have used some HTML code to make it snow on my forums (like the fireworks but in reverse). Francis can use it on digibutter if he wants.
Here is an example. (Not my forum)
Here is the code:
| Code: | <script language="JavaScript1.2">
<!-- Begin
//Pre-load your image below!
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://img467.imageshack.us/img467/3419/snowst7.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://img467.imageshack.us/img467/3419/snowst7.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://img467.imageshack.us/img467/3419/snowst7.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://img467.imageshack.us/img467/3419/snowst7.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://img467.imageshack.us/img467/3419/snowst7.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://img467.imageshack.us/img467/3419/snowst7.gif"
Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><IMG SRC="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
window.onload=fall
//-->
</script> |
Note: This is not my own coding. It was created by victor of [url]forum.freeforums.org[/url]. |
|
