用jQuery隐藏div元素，当鼠标不移动一段时间?

I have a broadcasting video site, with a menu, which should be hidden, when mouse isn't moving for a while (lets say 10 seconds). As well, it should appears back, with mouse move. What is the best way to perform that, by using css and jQuery? Thank you in advance. I have a broadcasting video site, with a menu,