Blok startuje z pozycji (100,100). Następnie porusza się w prawo tak długo, aż osiągnie pozycję (300,100). Następnie porusza się w dół, itd.

Funkcja animująca kwadrat():

function kwadrat() {
    // sprawdź pozycję
    if(nn4) {
        x = document.layers['kwadratDiv'].left;
        y = document.layers['kwadratDiv'].top;
    } else if(ie4) {
        x = document.all['kwadratDiv'].style.pixelLeft;	
        y = document.all['kwadratDiv'].style.pixelTop;
    }
    if(x<300 && y==100) {		
        moveBy('kwadratDiv', 10,0);     // w prawo	
    } else if(x==300 && y<300) {
        moveBy('kwadratDiv', 0,10);     // w dół
    } else if(x>100 && y==300) {
        moveBy('kwadratDiv', -10,0);    // w lewo
    } else if(x==100 && y>100) {		
        moveBy('kwadratDiv', 0,-10);    // w górę
    }
    setTimeout('kwadrat()', 40);
}


( spis treści )