Hola.
tengo este código:
Código:
var oldMath = 0;
$(document).mousemove(function(event) {
var startingTop = 10,
startingLeft = 22,
math = Math.round(Math.sqrt(Math.pow(startingTop - event.clientY, 2) +Math.pow(startingLeft - event.clientX, 2))) + 'px';
$('#currentPos').text('you are at :' + math);
if(Math.abs(parseInt(math) - oldMath) > 50){
//you have moved 5 pixles, put your stuff in here
//$('#logPos').append('5');
$("#logPos").show(1500);
$("#logPos").delay(1200).hide(1500);
oldMath = parseInt(math);
}
});
que lo que hace es que al mover el ratón X cm muestre una capa, al pasar unos segundos desaparece sola.
¿Problema? que una vez sale la primera vez, esta apareciendo y desapareciendo sin parar cada x segundos y me gustaría que una vez desaparezca tengas que volver a mover el ratón para que vuelva a aparecer.
lo podeis ver funcionando aqui http://jsfiddle.net/Em4Xu/378/
Muchas gracias por vuestra ayuda