菜单效果

**

菜单效果

**
这次讲的内容是怎样用css去制作一个菜单的消失和出现。首先先看一下完成后的样子，请看以下截图。

我们要完成的效果就是当鼠标移到菜单栏上也就是红色线上的部分，会出现对应的子菜单栏也就是深棕色框里的内容。接下来就开始看代码，首先先看HTML部分的内容，请看下面的截图。

上面三张截图里面画红色横线的代码就是菜单，画深棕色线的就是子菜单的内容。接下来我们看css部分的内容，其实思路就是当鼠标移到菜单栏的时候对应的子菜单就出来，然后为了好看的效果，我们可以在给子菜单一些颜色的搭配或者样式等。下面请看截图。

这里的重点就是第二张截图划红线的位置，就是让菜单的子菜单透明度先为0，当鼠标移到菜单的地方时透明度才为1。