关于css二级导航菜单的做法~~~


2012-12-11_101431.jpg

<ul class="menubg">
    <li class="first_item current_nav">
        <a href="">主页</a>                                         
        <ul class="first_ul" style="display: block; ">
            <li class="no-border"><strong>热点频道:</strong></li>
            <li><a href="">金葵花理财</a></li>
            <li><a href="">私人银行</a></li>
            <li><a href="">个人贷款</a></li>
            <li><a href="">出国金融</a></li>
            <li><a href="">现金管理</a></li>
            <li><a href="">空中银行</a></li>
            <li><a href="">财智生活网</a></li>             
        </ul>
    </li>

在制作div+css二级导航菜单的时候,为了可以达到鼠标经过大按钮而产生相对应的二级菜单按钮。我都是用ul把二级的子按钮包起来,放在外面相对应的<li>里面,在配合jquery的mouseenter达到效果,可是这样整个dom看起来觉得很复杂!

所以有没有其他关于二级导航的制作方法!就是最后是二级子菜单的ul是和一级菜单的ul是放在一起的?

css3 导航菜单 HTML css

围观群众乙 10 years, 5 months ago

其实你这这结构一点也不复杂,鸡肉味嘎嘣脆

Sevion answered 10 years, 5 months ago

Your Answer