:: Forum >>

help?

I just started this earlier today, but I can't seem to get it working. I am a total noob to JS btw.

<html>

<style>
#div { position: absolute; z-index: -200; }
</style>

<head>

<script type="text/javascript">





var div1 = false;
var div2 = false;
var div3 = false;
var div4 = false;

// These are the Functions to move the divs left. If you Mouse off of the blue div (the big one), the int divs go left.
function mouseOff1() {
    if (div1 = true);
    {
    moveLeft1()
    }
    else;
    {null;}
    
    
function mouseOff2() {
    if (div2 = true);
    {
    moveLeft2()
    }
    else;
    {null;}
    
    
function mouseOff3() {
    if (div3 = true);
    {
    moveLeft3()
    }
    else;
    {null;}
    
    
function mouseOff4() {
    if (div4 = true);
    {
    moveLeft4()
    }
    else;
    {null;}
     // End of mouse off functions
    
    
    
     // MouseOver functions, if you mouseover one certain div, it will go to the right.
    
    function mouseOver1() {
    if (div1 = false);
    {
    moveRight1()
    }
    else;
    {null;}
    
    function mouseOver2() {
    if (div2 = false);
    {
    moveRight2()
    }
    else;
    {null;}
    
    function mouseOver3() {
    if (div3 = false);
    {
    moveRight3()
    }
    else;
    {null;}
    
    function mouseOver4() {
    if (div4 = false);
    {
    moveRight4()
    }
    else;
    {null;}
    

// Move Right Functions

function moveRight1() {

this.style.left = (this.style.left+10)+'px'; // pseudo-property code: Move right by 10px

setInterval(moveRight1,20); // call doMove() every 20 msec

div1 = true

}

function moveRight2() {

this.style.left = (this.style.left+10)+'px'; // pseudo-property code: Move right by 10px

setInterval(moveRight2,20); // call doMove() every 20 msec

div2 = true

}

function moveRight3() {

this.style.left = (this.style.left+10)+'px'; // pseudo-property code: Move right by 10px

setInterval(moveRight3,20); // call doMove() every 20 msec

div3 = true

}

function moveRight4() {

this.style.left = (this.style.left+10)+'px'; // pseudo-property code: Move right by 10px

setInterval(moveRight4,20); // call doMove() every 20 msec

div4 = true

}
// Move Left Functions

function moveLeft1() {
    this.style.left = (this.style.left-10)+'px'; //move left by 10px
    setInterval(moveLeft1,20);
    div1 = false
    }
    function moveLeft2() {
    this.style.left = (this.style.left-10)+'px'; // move left by 10px
    setInterval(moveLeft2,20);
    div2 = false
    }
    function moveLeft3() {
    this.style.left = (this.style.left-10)+'px'; // move left by 10 px
    setInterval(moveLeft3,20);
    div3 = false
    }
    function moveLeft4() {
    this.style.left = (this.style.left-10)+'px'; // move left by 10px
    setInterval(moveLeft4,20);
    div4 = false
    }





</script>

</head>






<body>

<div id="div" style="background: blue; height: 700px; width:300px;" onmouseout="mouseOff1(),mouseOff2(),mouseOff3(),mouseOff4()"></div>

<div id="div1" style="background: black; height:100px; width:100px;" onmouseover="mouseOver1()"></div>
<br>
<div id="div2" style="background: black; height:100px; width:100px;" onmouseover="mouseOver2()"></div>
<br>
<div id="div3" style="background: black; height:100px; width:100px;" onmouseover="mouseOver3()"></div>
<br>
<div id="div4" style="background: black; height:100px; width:100px;" onmouseover="mouseOver4()"></div>
<br>















</body></html>
b3lac
Wednesday, December 10, 2008

This topic is archived.


Back to support forum

Forum search