Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/01/2016, 05:53
killpe
 
Fecha de Ingreso: octubre-2015
Ubicación: españa
Mensajes: 53
Antigüedad: 8 años, 7 meses
Puntos: 1
Ejecutar solo una vez un hide

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