30/01/2009, 15:06
| |||
| |||
| java script Una consulta, estoy perdida, alguien me podria por donde empezar a buscar, lo que quiero es lo siguiente: por ejemplo cuando uno entra a una pagina web, aveces hay una imagen que aparece en la panatalla y cuando te desplazas de arriba o abajo esa imagen te sigue y se mueve en el lugar que te encuentres, como se hace eso?? es un popup?? por donde empezar a buscar?? si alguien sabe algo pasenme el dato!!!! please!!! |
|
30/01/2009, 16:51
| ||||
| ||||
| imagen que sigue los movimientos de la pagina 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:
para ello se captura el evento:x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
Código:
y se le aplica a la imagen, que debera tener una identificacion para manipularla:document.onmousemove
Código:
a la que accedemos en el script con:<img id="imgmovil" src="tal" />
Código:
todo junto queda:
document.getElementById("imgmovil")
Código:
si lo que buscas es una imagen siempre en el mismo sitio, modifica estas lineas:
<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>
Código:
window.onscroll=new Function("mover()")
Código:
las variables posrelX y posrelY indican la colocacion de la imagen respecto al cursor o su posicion en la pantalla, segun elijas.x = document.body.scrollLeft y = document.body.scrollTop Saludos |
