html中的一些问题 ，速速解答啊，感谢

Question

点击或悬停一级菜单，显示背景颜色，点击二级菜单显示背景颜色，切换另一个一级菜单又是一样的特效，怎么实现啊

Answer 1

如果用简单点的办法的话，首先制作一个显示出来的列，然后设定赞扬是中设定一个overflow:hidden属性，这个属性的作用是将显示溢出的部分隐藏，然后关键点，首先默认情况下让他的高度正好只显示到最上面的按钮，之后通过HTML事件属性，这个属性你百度下就知道，例如onclick当元素上发生鼠标点击时，修改他的的高度就显示出来了，至于变色通过这类方式也能实现

Answer 2

<ul>
<li>
<span>菜单1</span>
<ul>

<li class="selected">二级菜单1<li>

<li>二级菜单2<li>
<li>二级菜单3<li>
</ul>

</li>
<li>
<span>菜单2</span>
<ul style="display:none;">

<li>二级菜单1<li>

<li>二级菜单2<li>
<li>二级菜单3<li>
</ul>

</li>
<li>菜单3</li>
<li>菜单4</li>
</ul>
ul
{
background-color:
}
ul li
{
background-color:
}
ul li ul
{
background-color:
}
ul li ul li
{
background-color:
}
ul li ul li.selected
{
background-color:
}
js自己写吧。点击ul li span后 将下一个标签ul 的display改为block
同时需要将已经赋予selected的li取消selected class