html下拉菜单怎么做

html-css020

html下拉菜单怎么做,第1张

下拉菜单不知您说的是哪种，表单元素提供了select下拉框，完全满足下拉菜单的需求。

如果是导航类的下拉菜单的话，首先给可选择的主体部分设置宽高，相对定位属性。然后主体部分建子标签，也就是下拉出来的部分，这部分设置display:none，绝对定位。通过事件是鼠标悬浮或者点击来动态切换子标签的display，none为隐藏，block为显示。

先把导航条做出来，然后在每个想有下拉列表的栏目下，画出来下拉的选项，格式一般为

<div><ul><li><a>1</a></li><li><a>2</a></li></ul></div>，然后调好样式。并将div的style设置，display=none

然后获取到你的栏目，添加鼠标事件onMouseover或onclick都行。事件中添加jquery代码。

$("要下来的那个div的选择器").slideDown(100) 100为时间

基本上就是这个思路。