接着在设置去掉所有li的圆点符号，并且给宽高，居中以及背景色如图，这个二级菜单还算过得去，如果不喜欢可以换颜色接着我们把下面部分的菜单隐藏起来，如图，用到空格隔开，注意，空格表示后代选择器这样，下面的下拉菜单就看不见了，哈哈然后用jq来操作鼠标经过的时候，显示菜单即可如图，我用。

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

因为没有设置zindex属性，用法zindex9999，数字越大，表示越在上面 zindex 属性设置元素的堆叠顺序拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面注释元素可拥有负的 zindex 属性值注释Zindex 仅能在定位元素上奏效例如 positionabsolute。

datatoggle是一种HTML数据属性，通常用于控制页面元素的显示和隐藏状态，实现如折叠面板下拉菜单等交互功能详细解释1 基本含义 datatoggle是HTML中的一个数据属性，它可以与JavaScript框架配合使用，用以控制页面中某些元素的显示或隐藏状态当用户的交互行为触发该属性时，相关联的元素会根据预设。

用“层”做下拉菜单的方法有点炫耀软件操作技巧的味道，做网页不会用这种方法dreamweavercs6有spry面板功能可以制作类似效果，简单一些最方便的是用别人的代码，别人做得很好而且分享了，为什么不用非要自己费劲制作呢当然最好理解代码，不过不理解能用也不错了一打开Dreamweaver，点击文件新建。

单纯的实现效果有很多种方法直接跳转页面也行，下拉菜单包着a标签 下面用iframe，也行，点击的时候用js替换src lt！DOCTYPE html lthtml ltheadltmeta charset=quotutf8quot lttitlelttitleltscript src=quotlatestjsquotltscript lthead ltstyle type=quottex。

select是表单元素中下拉框，主要是用于将客户的选择项值，传递到后台，进行相应的返回 其中，value的值就是传递到处理文件的值，下面我们以两个文件为例 1新建一个完整的表单1html，有select选项，分别设置不同的值传递，例如星期三，value对应的值是3 2处理文件2html备注，此处用。

select #160！ 下拉菜单选项将在这里添加 select 2在select标签之间，添加option标签来定义每个选项select #160option value=quotoption1quot选项1option #160option value=quotoption2quot选项2option #160option value=quotoption3quot选项3optionselect 在option标签中，valu。

3创建新网页后，单击“设计”页上的“插入表单选择列表菜单”以插入可选择的下拉表单4或者在菜单栏下有一个表单选项图标将鼠标放在上面显示“选择列表菜单”并单击它，或插入下拉菜单5然后弹出接口，您需要输入标记辅助函数的属性用英文或数字填写身份证标记是下拉菜单的。