Ver Mensaje Individual
  #13 (permalink)  
Antiguo 20/11/2012, 05:32
Krlinhos
 
Fecha de Ingreso: diciembre-2009
Mensajes: 79
Antigüedad: 15 años, 1 mes
Puntos: 1
Respuesta: CSS de objeto dinámico

Hola os adjunto mi código para que podáis ver la función:

Código:
function mostrarAlt(info,event)
{
	$('body').prepend('<div id="wInfo"">'+info.attr("alt")+'</div>');
	//determina un margen de pixels del div al raton
	margin=5;

	//La variable IE determina si estamos utilizando IE
	var IE = document.all?true:false;
	//Si no utilizamos IE capturamos el evento del mouse
	var tempX = 0;
	var tempY = 0;

	if(IE)
	{ //para IE
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
	}else{ //para netscape
		tempX = event.pageX;
		tempY = event.pageY;
	}
	if (tempX < 0){tempX = 0;}
	if (tempY < 0){tempY = 0;}

	document.getElementById('wInfo').style.top = (tempY+margin);
	document.getElementById('wInfo').style.left = (tempX+margin);
	document.getElementById('wInfo').style.display='block';
	return;
}