【下拉菜单】

◇组件名称:

    下拉菜单

◇功能描述：

    下拉菜单，1、2用display:none,block实现，3用远程定位position:absolute;实现(推荐使用)。

◇上下文情景：

    应用于栏目较多的网站，用于首页导航。

◇工作方式&技术要点

    ·第二级菜单进行隐藏，使用display:none;方法，当父容器:hover时，display:block;使其显示出来。
    ·第三级或以上菜单的显示和隐藏不再使用display方法，而是使用visibility:hidden;和visibility:visible;来实现显隐。同样是通过设置父容器的:hover。
    ·IE6通过*号hack调整，:hover通过hovercss.htc调整。

◇DEMO展示

1.二级菜单

    点此打开DEMO

2.多级菜单

    点此打开DEMO(横向)
    点此打开DEMO(竖向)

3.远程定位实现下拉（推荐使用）

    点此打开DEMO