PHP怎么用CSS实现二级菜单伸缩？

html-css028

PHP怎么用CSS实现二级菜单伸缩？,第1张

你像各大商城的二级菜单，都是用js做的，只有css不行的，当鼠标放到标签时，触发一个事件，这个事件可以把css改变，具体方法是当你鼠标移动到标签上，显示另一个区域，鼠标移除，把显示的区域隐藏。希望能帮助到你，代码的话去js网站会有代码和教程

简单的话，可以这么做，用JS

function opencat(cat){

if(document.getElementById(cat).style.display=="none"){

document.getElementById(cat).style.display=""

}

else {

document.getElementById(cat).style.display="none"

}

}

然后在要收缩菜单的按钮或链接上这么做 比如超连接

<a id="menu1" href="#" style="display:block" onclick="opencat('list1')">

下面紧跟着的是展开后的目录内容，可以是Table，也可以是DIV

<table id="list1">

<tr><td>111111</td></tr>

<tr><td>222222</td></tr>

<tr><td>33333</td></tr>

<tr><td>4444444</td></tr>

<tr><td>5555555</td></tr>

</table>