Question

CSS的三级下拉菜单怎么做？我做到第二级后就没有显示效果了





Answer 1

不知道是你没有截图完还是忘记闭合代码了，从你的最后截图来看，有三个标签是黑色的，那应该是你没有闭合代码。代码如下

<div id="one">
    <ul>
        <li>...</li>
        ...
        <li><a>...</a>
            <ul>
                <li>...</li>
                ...
                <li><a>...</a>
                <ul>
                    <li>..工作计划.</li>
                </ul>
                </li>
             </ul>
        </li>
     </ul>
 </div>

也就是说你需要在目前的代码后面加上</ul></li></ul></li></ul></div>

你可以试下是否能成功显示第三级

追问

已经能显示三级菜单，但是第三级菜单的显示有问题

你仔细看我第一张截图第二级和第三级菜单的区别

追答

你可以通过命名CLASS来做

<div id="one">
    <ul>
        <li>...</li>
        ...
        <li class="tip1ctl"><a>...</a>
            <ul class="tip1div">
                <li>...</li>
                ...
                <li class="tip2ctl"><a>...</a>
                <ul class="tip2div">
                    <li>..工作计划.</li>
                </ul>
                </li>
             </ul>
        </li>
     </ul>
 </div>

然后修改样式文件中的

#one ul li:hover ul {display:block;}

改为：

#one ul li.tip1ctl:hover ul.tip1div {display:block;}
#one ul li.tip2ctl:hover ul.tip2div {display:block;}

Answer 2

直接上链接，你参照的做或者修改就行了
http://www.lanrentuku.com/js/nav-263.html#

Answer 3

网上搜以下,到处都有