【下拉菜单】
◇组件名称:
下拉菜单
◇功能描述:
下拉菜单,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.二级菜单
2.多级菜单
3.远程定位实现下拉(推荐使用)