导航的层定时消失

我做了一个导航，现在遇到的问题是，副导航出来了后我鼠标一离开就消失了。也试过用定时器但效果不好。寻求帮助！！谢谢

解决方案 »

  1.   

    基本思路：不用js，直接就用css。默认是隐藏，当鼠标移动上去也就是hover的时候显示。参考代码如下：
    <style type="text/css">
    ul li{
    display:block;
    float:left;
    padding:5px;
    background-color:#ccc;
    border-right:1px solid #FFF;
    }
    div a{
    display:block;
    border-bottom:1px solid #FFF;
    }
    li div{
    display:none;
    }
    li:hover div{
    display:block;
    }
    </style>
    </head>
    <body>
    <ul>
    <li>菜单1<div><a>子菜单</a><a>子菜单</a><a>子菜单</a></div></li>
    <li>菜单2<div><a>子菜单</a><a>子菜单</a><a>子菜单</a></div></li>
    <li>菜单3<div><a>子菜单</a><a>子菜单</a><a>子菜单</a></div></li>
    </ul>
    </body>
    </html>
      

  2.   

    1.主导航和副导航之间有空隙。
    2.副导航没有在ONMOUSEOVER里显示自己。
    3.综合了前二者的情况。