No se si te refieres a una imagen que sigue al cursor o que una imagen esta siempre en la misma posicion de la pantalla.
En el primer caso se trata de un script que coloca la imagen utilizando las cooerdenadas del cursor:
Código:
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
para ello se captura el evento:
y se le aplica a la imagen, que debera tener una identificacion para manipularla:
Código:
<img id="imgmovil" src="tal" />
a la que accedemos en el script con:
Código:
document.getElementById("imgmovil")
todo junto queda:
Código:
<html><head><title>imagen movil</title>
<style>
#imgmovil{position:absolute;display:none}
</style>
<script>
window.onload=function ini()
{
mover()
document.onmousemove=new Function("mover()")
document.getElementById("imgmovil").style.display="inline"
}
function mover(estado)
{
var posrelX=40
var posrelY=40
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
document.getElementById("imgmovil").style.left= x + posrelX + "px"
document.getElementById("imgmovil").style.top= y + posrelY + "px"
}
</script></head><body>
<img id="imgmovil" src="tal" />
</body></html>
si lo que buscas es una imagen siempre en el mismo sitio, modifica estas lineas:
Código:
window.onscroll=new Function("mover()")
Código:
x = document.body.scrollLeft
y = document.body.scrollTop
las variables posrelX y posrelY indican la colocacion de la imagen respecto al cursor o su posicion en la pantalla, segun elijas.
Saludos