Home/ Questions/Q 6723045
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T09:31:18+00:00

I’m creating a header menu that slides down when you move the mouse within

  • 0

I’m creating a header menu that slides down when you move the mouse within in the browser window.

But I want to have it slide up after the mouse hasn’t moved for 5 seconds.

Here is what I have so far: http://jsfiddle.net/BEzbw/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    jQuery throttle/debounce is a great plugin for doing things like this safely. jsFiddle

    $('html').mousemove( $.debounce( 250, true, function(e){
        $('header').animate({ top: '0' }, 300)
    }))
    .mousemove( $.debounce( 5000, false, function(e){
        $('header').animate({ top: '-60px' }, 300)
    }));

    ps: bear in mind that attaching to <html> in that way could get your event blocked by other page elements (although unlikely for a mousemove event).

    • 0