Float Up Drifter - Party Balloons

Float Up Drifter - Party Balloons
This float up drifter script allows images to seemingly drift up a webpage like these gently floating balloons.
You could also use other images such as hearts, flowers, or stars and the possibilities are only limited by your imagination.

Example of :
Count Down Script
- - - - - - -
See other scripts



Count Down Snow Fall No image Snow Fall
No image Snow Fall 2 Float Down Hearts Fall

Browser Compatibility: FF - IE - NN - O

Here are the party balloon images used on this page.
Be sure to copy them and load them into the same directory as your HTML page.
Or you can upload your own images to use in the same way!

Follow the editing instructions after the // and within the 
to customize the script, then copy and paste it into your HTML editor.

var floatr = new Array();
   //  Your image location
floatr[0] = "balloon0.gif"
floatr[1] = "balloon1.gif"
floatr[2] = "balloon2.gif"
floatr[3] = "balloon3.gif"
floatr[4] = "balloon4.gif"
floatr[5] = "balloon5.gif"
floatr[6] = "balloon6.gif"
floatr[7] = "balloon7.gif"

var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;

if (ns4up||ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
} else if (ie4up) {
        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();
j = 0;

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 (ns4up) {                      // set layers
                if (i == 0) {
                        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>");
                } else {
                        document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>");
                }        } else if (ie4up||ns6up) {                if (i == 0) 
{
                        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"></div>");
                } else {
                        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"></div>");
                }
        }
        if (j == (floatr.length-1)) { j = 0; } else { j += 1; }
}

if (ns4up) {
        floatrNS();
} else if (ie4up||ns6up) {
        floatrIE_NS6();
}
// End -->
</script>
<p><font face="arial" size="-2">Free JavaScript from </font><br><font face="arial, helvetica" size="-2"><a href="http://rainbow.arch.scriptmania.com/scripts/">Rainbow Arch</a></font></p>