方法步骤写好HTML代码以实现下拉菜单在网页上看到初步效果添加JavaScript代码实现功能，hide函数实现display的隐藏在HTML代码中引用show和hide函数CTR+S保存代码，在浏览器中F5刷新网页查看效果其他；代码 lt！ function MM_findObjn，d v401 var p，i，xif！dd=documentifp=nindexOfquot？quot0 d=parentframesnsubstringp+1documentn=nsubstring0，p。

我给楼主看了一下```你要的效果没说清楚`如果想显示出下拉列表直接删掉 #menu li dddisplay 就可以了如果想鼠标移动后，出现下拉列表，我没看到楼主定义这个类型，所以给楼主一个我以前写的，仅供参考imcm；我给你一个经典的下拉3级连动菜单代码自己慢慢研究 lt！ 把下面的代码加到ltBODYltBODY区域中 ltFORM name=quotiscquot Select1 Webmaster Sites News。

网页制作下拉菜单代码

下拉菜单示例代码如下*margin0padding0bodyfont16px15 quot\5FAE\8F6F\96C5\9ED1quot，quot\5B8B\4F53quot， sansserif， Arial， Systembackgroundcolor#FFF*\9ED1\4F53黑体*liliststyle。

先给大家说下我的实现思路给div一个class“dropdown”，将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单DropdownRegular。

首先你需要在页面头部引入Bootstrap的JS文件，之后你便可以通过上面的代码实现JS控制下拉菜单的显示与隐藏需要说明的是，由于JS中是采用datatoggle作为选择器的，所以一定要在按钮中加入属性datatoggle=quotdropdownquot写在文章。

使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中。

css制作横排二级下拉菜单，代码如下 一级栏目 二级菜单 二级菜单 二级菜单 一级栏目 二级菜单 二级菜单 二级菜单。

通过代码设置一个下拉列表菜单，设计下拉菜单下面的值来达成效果代码源件 无标题 下拉列表菜单 下拉选项1 下拉选项2。

css下拉菜单代码

1、这是我自己用的一段代码，你自己改一下，点一下一级文本框，它所属的文本框会收起或伸展ltSCRIPT language=javascript lt！ function menu_treemeval var left_n=evalmevalif left_==quot。

2、第1步将下列代码**到网页的标签之间第2步将下面的代码**到标签的右边，位置紧挨着标签第3步添加菜单的内容编辑menucontextjs文件，所有的菜单选项都在这里设置默认的menucontextjs里面的内容，比较复杂我。

3、下拉菜单实现代码如下ltHTML ltHEAD ltSCRIPT LANGUAGE=quotjavascriptquot ltSCRIPT ltSCRIPT LANGUAGE=quotjavascriptquot function Body_InitoSelect，oText var iLeft= oSelectoffsetLeftvar iTop = oSelectoffsetTopv。

4、改的比较粗，但也能用了 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquotquotDTDxhtml1transitionaldtdquot 无标题文档 fontsize12pxfontfamilyTahoma。

5、公司员工quot，OFFSET员工，0，0，1，COUNTA公司1，01，COUNTAOFFSET员工，0，MATCH$B$1quot公司员工quot，OFFSET员工，0，0，1，COUNTA公司1，0111，1下面试下，你会发现单关联的下拉列表出来。

6、1创建CSS菜单的HTML代码框架我们使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项2在主菜单区域中添加链接在本步骤中，在无序列表。