Código: Seleccionar todo
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Tooltips
$(".tip_trigger").hover(function(){
tip = $(this).find('.tip');
tip.show(); //Mostrar tooltip
}, function() {
tip.hide(); //Ocultar tooltip
}).mousemove(function(e) {
var mousex = e.pageX + 20; // Obtener coordenadas X
var mousey = e.pageY + 20; // Obtener coordenadas Y
var tipWidth = tip.width(); //Obtener el ancho del tooltip
var tipHeight = tip.height(); //Obtener el alto del tooltip
//Distancia del elemento desde el borde derecho
var tipVisX = $(window).width() - (mousex + tipWidth);
//Distancia del elemento desde el borde de abajo
var tipVisY = $(window).height() - (mousey + tipHeight);
if ( tipVisX < 20 ) { //Si el tooltip se excede horizontalmente
mousex = e.pageX - tipWidth - 20;
} if ( tipVisY < 20 ) { //Si el tooltip se excede verticalmente
mousey = e.pageY - tipHeight - 20;
}
tip.css({ top: mousey, left: mousex });
});
});
</script>
<style type="text/css">