Uncle Jims Web Designs: Instructions for using the LogoFly Script

COPY - Insert Between Head Tags: <HEAD></HEAD>

.fly {
font-family:    arial;
font-size:      24px;
color:          #0000ff;
position:       absolute;
visibility:     hidden;
z-index:        2;
}

.logo {
font-family:    times;
font-size:      72px;
color:          #ff0000;
position:       absolute;
top:            0px;
left:           30px;
visibility:     visible;
z-index:        1;
}

.desc {
text-align:     center;
font-family:    arial;
font-size:      12px;
color:          #ff0000;
position:       absolute;
top:            220px;
left:           40px;
width:          400px;
visibility:     hidden;
z-index:        0;
}

BODY {
background:     #000000;
}

A {
color:          #0000ff;
}

//--></style>
<script type="text/javascript"><!-- 
/*
 _____________________________________
/ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ\
| Another JavaScript from Uncle Jim   |
| Feel free to copy, use and change   |
| this script as long as this part    |
| remains unchanged. You can visit    |
| my website at http://jdstiles.com   |
| for more scripts like this one.     |
| Created: 1996 Updated: 2006         |
\_____________________________________/
 ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ
*/

/* Show an object */
    function showObject(object) {
        object.visibility = VISIBLE;
    }

/* Hide an object */
    function hideObject(object) {
        object.visibility = HIDDEN;
    }

/* Slide the company logo from top to middle */
    function slideLogo(from, to) {
            if (from < to) {
                company.top = (from += 10);
                setTimeout('slideLogo(' + from + ',' + to + ')', 75);
            }
            else initObjects();
    }

/* Rotate selected objects */
    function rotateObjects() {
            for (var i = 0; i < pos.length; i++) {
                pos[i] += inc; objects[i].visibility = 'visible';
                objects[i].left = (r * Math.cos(pos[i])) + xoff
                objects[i].top = (r * Math.sin(pos[i])) + yoff;
            }
        rotateTimer = setTimeout("rotateObjects()", 75);
    }

/* Initialize selected objects for rotation */
     function initObjects() {
        /* Here is the array of HTML elements that will be rotated, from fly1 to fly4 
           Just put the shortcut variables to the HTML elements in this little array
           and they will be rotated automatically */
        objects = new Array(fly1, fly2, fly3, fly4);
        pos = new Array();
        pos[0] = 0;
            for (var i = 1; i < objects.length; i++) {
                pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
            }
        rotateObjects();
    }

/* Variables for rotating objects */
    var objects;
    var pos;
    var r = 160;        // radius
    var xoff = 180;     // x offset
    var yoff = 170;     // y offset
    var pi = Math.PI;   // get pi
    var inc = pi / 180; // degrees per rotation cycle
    var objects;        // objects to be rotated
    var pos;            // position for objects

//--></script>

COPY - Insert Inside Body: <BODY></BODY>

<DIV ID = "fly1" CLASS = "fly">
<A HREF = "http://jdstiles.com/sets.html" onMouseOver = "showObject(desc1)" onMouseOut = "hideObject(desc1)">* Design Sets</A><BR></DIV>

<DIV ID = "fly2" CLASS = "fly">
<A HREF = "http://jdstiles.com/javamain.html" onMouseOver = "showObject(desc2)" onMouseOut = "hideObject(desc2)">* JavaScript</A><BR></DIV>

<DIV ID = "fly3" CLASS = "fly">
<A HREF = "http://jdstiles.com/jds.main_office.html" onMouseOver = "showObject(desc3)" onMouseOut = "hideObject(desc3)">* Office Tips</A><BR></DIV>

<DIV ID = "fly4" CLASS = "fly">
<A HREF = "http://jdstiles.com/sitetree.html" onMouseOver = "showObject(desc4)" onMouseOut = "hideObject(desc4)">* Site Index</A><BR></DIV>

<DIV ID = "company" CLASS = "logo">Uncle Jim's Web Designs</DIV>

<DIV ID = "desc1" CLASS = "desc">Over 100 Border Design Sets and Themes...ALL FREE!</DIV>

<DIV ID = "desc2" CLASS = "desc">Over 100 JavaScript Examples with Source and Code...ALL FREE!</DIV>

<DIV ID = "desc3" CLASS = "desc">Over 1000 Tips for All Microsoft Applications including Access, Excel, Windows, Word, Powerpoint, Front Page, Outlook, Express, Publisher...ALL FREE!</DIV>

<DIV ID = "desc4" CLASS = "desc">Find everything you are looking for here!</DIV>

var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
    var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
    var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
    var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
    var company = (isNS) ? document.company : document.all.company.style;
    var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
    var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
    var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
    var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;

slideLogo(0, 140);

//--></script>

Flying Logo Script Instructions