В червено са стойностите за граници на движение на изображението, адреса на изображението и началната му позиция.

- - - - - - - - - - - -

 

<div style='position:absolute;top:10px;left:-800px;width:-600px;height:25px;' id='pa'><img src='https://lh4.googleusercontent.com/-j3nb3p1E0Jo/T9YgtoYXDYI/AAAAAAAAC3M/BGQrSSZ3vd0/s480/butterflies467.gif' ></div>
<script>
var pa_x = -10;
var pa_y = -10;

var dir = 1;
var cng = 0;
var border_x = 0;
var cng_len = 20;

var dir_y = 1;
var cng_y = 0;
var cng_len_y = 70;

function mrand(l,u)
{
    return Math.floor((Math.random() * (u-l+1))+l);
}

function movep(){
    var h = document.documentElement.clientHeight;
    var w = document.documentElement.clientWidth;
    
    if (pa_x==-100){
        t = mrand(1, 4);
        if (t==1){
            pa_x = mrand(1, w-45);
            pa_y = -25;
            dir_y = 1;
            dir = 0;
        } else if (t==2){
            pa_x = mrand(1, w-45);
            pa_y = h;
            dir_y = -1;
            dir = 0;
        } else if (t==3){
            pa_x = -45;
            pa_y = mrand(1, h-25);
            dir_y = 0;
            dir = 1;
        } else if (t==4){
            pa_x = w;
            pa_y = mrand(1, h-25);
            dir_y = 0;
            dir = -1;
        }
    }
    
    if (pa_x>document.body.clientWidth-45){
        dir = -1;
        cng = 0;
    } else if (pa_x<1){
        dir = 1;
        cng = 0;
    } else if (cng>cng_len){
        dir = mrand(1,3)-2;
        if (dir==0){
            cng_len = 10;
        } else {
            cng_len = mrand(20,35);
        }
        cng = 0;
    }
    
    if (pa_y>document.body.clientHeight-25){
        dir_y = -1;
        cng_y = 0;
    } else if (pa_y<1){
        dir_y = 1;
        cng_y = 0;
    } else if (cng_y>cng_len_y){
        dir_y = mrand(1,3)-2;
        if (dir_y==0){
            cng_len_y = 10;
        } else {
            cng_len_y = mrand(40,70);
        }
        cng_y = 0;
    }    
    
    cng = cng + 1;
    cng_y = cng_y + 1;
    
    pa_x = pa_x + dir*3;
    pa_y = pa_y + dir_y*3;
    
    document.getElementById('pa').style.left = pa_x + "px";
    document.getElementById('pa').style.top = pa_y + "px";
    setTimeout(movep, 200);
}
setTimeout('movep()', 500);
</script>