В червено са стойностите за граници на движение на изображението, адреса на изображението и началната му позиция.
- - - - - - - - - - - -
<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>