Examinando el código fuente de
MINIJUEGOS, JUEGOS ONLINE GRATIS y JUEGOS FLASH GRATIS | Minijuegos.es, dentro del cuerpo de la página (<BODY></BODY>) se puede ver que cada imagen que sirve de enlace a cada minijuego aparece dentro de una marca de vínculo (<a></a>), y dentro de cada vínculo aparecen las distintas opciones según se dé el evento OnMouseMove, OnMouseOver u OnMouseOut (donde OnMouseMove se define como "Mueve_Jue" de "mover juego", OnMouseOver como "Sob_Jue" de "sobre juego" y OnMouseOut como "Fue_Jue" de "fuera de juego"), de la siguiente forma:
<a OnMouseMove="Mueve_Jue(8819, event,-150)" OnMouseOver="Sob_Jue(8819, event,-150)" OnMouseOut="Fue_Jue(8819)" href="j/8819/">
<img style="position:absolute; left:117px; top:423px;" width="100" height="70" src="minijuego-2.gif" border="0">
</a>
Más arriba, en el encabezamiento de la página (<head></head>), aparece el código JavaScript de esta forma:
<HEAD>
( ... )
<script type="text/javascript">
... (otras funciones)
var fond1=new Image();fond1.src='minijuego-gratis.gif';
var OffsetX_Cent=(screen.width-1002)/2;
function Mueve_Jue(ido,evento,OffX){
var px, py;
if (!document.all){ event = evento; py = evento.pageY; px = evento.pageX; }
else { py = event.clientY +DamePosScrollY(); px = event.clientX +document.body.scrollLeft; }
px=parseInt(px)-OffsetX_Cent+20+OffX; py=parseInt(py)+20; document.getElementById('CapaInfoJ_'+ido).style.left=px.toString()+'px'; document.getElementById('CapaInfoJ_'+ido).style.top=py.toString()+'px';
}
function Sob_Jue(ido,evento,OffX){ Mueve_Jue(ido,evento,OffX); document.getElementById('CapaInfoJ_'+ido).style.visibility='visible'; }
function Fue_Jue(ido){ document.getElementById('CapaInfoJ_'+ido).style.visibility='hidden'; }
function DamePosScrollY(){ if(window.pageYOffset) return window.pageYOffset; else return Math.max(document.body.scrollTop,document.documentElement.scrollTop); }
</script>
</HEAD>
Sé que el código es bastante complicado. Pero, si lo analizas bien, quizá puedas dar con lo que buscas.
