|
Isn't this a fun script?
You can use practically
any object with this script. This is the DHTML script
from Kurt Griggs. Originally using autumn leaves or
snowflakes, I've used it for flowers
and now cookies.
You can see the changes
for the quantity and images in the script to the right
as well as the necessary changes to make the script work
with SiteBuilder.
If you would like to have
this on your web site, copy the two cookies below and
import or FTP them to your files directory. Then
copy-and-paste the script into an Insert HTML element,
resize as small as possible, and place the element in
the top left corner of your page. It's the same script
as I used for the flowers, but with the images and
numbers (in red) changed to reflect the images being used.
After you've gotten the
hang of doing this, you may want to try some other
clipart or photos. Like the flowers, I got these cookies
from CoolArchive
and resized and made the backgrounds transparent at MyImager
If you have any problems
with this or the Falling Flowers Adaptation, do the
following:
In another Insert HTML
element, paste this code and resize as small as
possible. Push the element to the upper left corner
before the script's element. This is an "onload"
workaround from Stan
Bisson:
<img src="/tp.gif"
height="1" width="1" onload="fall()">
Please
close this window to return to the Scripts
Index
|
<script language="JavaScript1.2">
//Autumn leaves- by Kurt Grigg ([email protected])
//Modified by Dynamic Drive for NS6 functionality
//visit http://www.dynamicdrive.com for this script
//Pre-load your image below!
grphcs=new Array(2)
Image0=new Image();
Image0.src=grphcs[0]="files/food020t.gif";
Image1=new Image();
Image1.src=grphcs[1]="files/food044t.gif"
Amount=10; //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>
|
