Question

CSS&jQuery这种菜单怎么制作的啊？怎么个原理啊？

如图，当鼠标移上去的时候，展开下拉菜单？麻烦讲一讲原理，主要是哪个下拉菜单的css属性。

Answer 1

原理就是二级菜单原来样式是：display:none;不显示的。
然后，当你鼠标移到一级菜单上的时候，JQ把二级菜单的样式改了就可以了。

如果是纯CSS的话，就是通过一级菜单的hover来让二级显示。。。不过IE6不支持伪类，比如麻烦，所以还是用JQ比较方面，而且JQ有现成的动画函数，你只需要调用就可以了。

追问

可是如果display设置为none的话，如果展开菜单，整个网页都会下拉啊，如何防止网页不被挤下去呢？

追答

orz.....第一个UL做一个Position，，二级再做一个Position相对于第一个的，二级的显示不显示，跟你网页都无关的啦。。。

这是一个网上用CSS实现的例子，，，你可以看看，研究研究是怎么解析的。

Answer 2

分析效果网站的源代码,前端代码都可以扒的.如果基础原理不清楚,建议深入一下基础知识.