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

html-css013

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

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

这里有个误区，你点击了一下肯定是引发了一个JS事件，这已经超出了CSS的处理范围，CSS能处理的只到hover，除非在点击事件里加上样式的变化（比如更换了class等）。

所以你的问题是没有这样的CSS。

使用HTML和CSS制作下拉菜单的方法如下：

1、编写带有div导航的html代码：

2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中，在图示的HTML代码中，一个简单的无序列表（ul）来表示主菜单项。

3、在主菜单区域中添加链接。在本步骤中，在无序列表（ul）每一项上添加链接。

4、在“关于我们（About Us）”下方LI标签内添加一个无序列表，它代表其子菜单的链接。

5、制作导航css：