Con este Script conseguiras una imágen volando por la página de tu web.
<SCRIPT LANGUAGE="javaScript">
function setVariables(){
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
objectXY="layers[0]";
}else{
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth"
innerH="document.body.clientHeight"
offsetX="document.body.scrollLeft"
offsetY="document.body.scrollTop"
objectXY="object1"
}
}
function checkLocation(){
imgwidth=79; // Anchura del logo en pixels
imgheight=70; // Altura del logo en pixels
var availableX=eval(innerW)
var availableY=eval(innerH)
var currentX=eval(offsetX)
var currentY=eval(offsetY)
xmax=availableX-(imgwidth+20)+currentX
ymax=availableY-(imgheight+20)+currentY
}
var x=-100;
var y=50;
var a=5;
var b=5;
function startMoveR(){
checkLocation();
x += a;
y += b;
if (y>ymax) b=b*-1
if (y<10) b=b*-1
evalMove();
if (xBR> else setTimeout("startMoveL()",100);
}
function startMoveL(){
checkLocation()
x -= a;
y += b;
if (y>ymax-15) b=b*-1
if (y<10) b=b*-1
evalMove();
if (x>0) setTimeout("startMoveL()",100);
else setTimeout("startMoveR()",100);
}
function evalMove(){
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
//setTimeout("checkLocation()",10)
}
</SCRIPT>
<BODY ONLOAD="setVariables(),startMoveR()">
<DIV ID="object1" STYLE="position:absolute; visibility:show; left:-100px; top:50px; z-index:2">
<TABLE>
<TR>
<TD><IMG SRC="../../imatges/logo.gif" WIDTH="165" HEIGHT="66"></TD>
</TR>
</TABLE></DIV>