Page header and footer auto hide

Question

How to auto-hide page's header and footer, and show it by moving the mouse cursor's over one of them.

Answer 1

using jQuery you could do it like this:

http://return-true.com/2010/03/creating-a-slide-up-footer-using-jquery/ Demo here: http://return-true.com/examples/SlidingFooterExample.html

He's done it using onclick, you could easily change it to mouseover.

Answer 2

i am not know what you want but i have a small solution that you need.

hide the header footer after some sec on page load. and show the header and footer when user mouseover the top or bottom ' spaces where we still omit a object or space [blank area].