Descripción:

• Con este javascript puedes hacer que una imagen este suelta por la pantalla y esta este en movimiento constante, este código es muy bueno para un banner o hacer algún tipo de publicidad, ya que atrae la atención del visitante porque se cruza en su vista. Si en este código alguien hace click sobre la imagen esta se parara, si deseas que sea un enlace, substituye onMouseDown="pauseResume(); por href="http://www.enlace.com/".
   

Ejemplo:  

• Mira esta pagina. Tienes que estar viendo una imagen en movimiento.
   

Código:

• <div id="img" style="position:absolute;"> <img src="imagenquerebota.gif" onMouseDown="pauseResume();"> // si quieres que sea un enlace sigue las instrucciones que hay en la descripcion </div> <SCRIPT LANGUAGE="JavaScript"> <!-- var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; var name = navigator.appName; if(name == "Microsoft Internet Explorer") name = true; else name = false; var xPos = 20; if(name) var yPos = document.body.clientHeight; else var yPos = window.innerHeight; function changePos() { if(name) { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; img.style.left = xPos + document.body.scrollLeft; img.style.top = yPos + document.body.scrollTop; } else { height = window.innerHeight; width = window.innerWidth; Hoffset = document.img.clip.height; Woffset = document.img.clip.width; document.img.pageY = yPos + window.pageYOffset; document.img.pageX = xPos + window.pageXOffset; } if (yon) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset); } if (xon) { xPos = xPos + step; } else { xPos = xPos - step; } if (xPos < 0) { xon = 1; xPos = 0; } if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset); } } function start() { if(name) img.visibility = "visible"; else document.img.visibility = "visible"; interval = setInterval('changePos()',delay); } function pauseResume() { if(pause) { clearInterval(interval); pause = false; } else { interval = setInterval('changePos()',delay); pause = true; } } start(); //--> </script>