二.导航-定时器延时菜单的案例

第一个小demo

$(function(){ 
    var qq = $('qq');
    var title = $('title');
    var timer = null;
    
    qq.onmouseover = show;
    qq.onmouseout = hide;
    
    title.onmouseover = show;
    title.onmouseout = hide;
    
    function show(){
        clearInterval( timer );
        title.style.display = 'block';
    }
    function hide(){
        timer = setTimeout(function(){
            title.style.display = 'none';
        }, 200);
    }
});

完整实例

    
    
    


    

        

          
首页
          
产品中心
          
关于我们
        
        

            
首页二级菜单1
            
首页二级菜单2
            
首页二级菜单3
        
        

            
产品中心二级菜单1
            
产品中心二级菜单2
            
产品中心二级菜单3
            
产品中心二级菜单4
        
        

            
关于我们二级菜单1
            
关于我们二级菜单2