小米官网顶部导航问题如何用JQ做？

Question

最近在仿小米官网鼠标划过导航会出现下面的图片。如何实现的？我用了hide和show，移走的瞬间就消失了导致根本没法移到图片上.请问这么解决这个问题？

Answer 1

// nav mouseover 

setTimeOut(function (){

    // animate height 0px -> 100px

    

},300);

移入移出设置300ms延迟就可以了，不过注意按照情况清除定时器。