1新建html页面 打开html编辑软件，新建一个html页面如图2添加导航标签 在ltbody标签里新建一个ltulltul标签，然后在ltul标签里添加几个ltliltli标签如图3在ltli标签内添加文字在新建的ltli添加要显示的内容如图4创建样式标签 在lttitle标签后新建一个ltstyletype=\quott。

首先，我们需要创建HTML的基础结构对于下拉菜单，通常使用``和``标签来定义选项例如html 选项1 选项2 选项3 这里的`id`属性对于后续CSS样式化很重要2 CSS样式化 接下来，通过CSS对下拉菜单进行样式化你可以设置下拉菜单的整体样式，以及下拉菜单选项的样式例如css mySelect width 20。

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

你可以设置一下垂直居中，代码是verticalalignmiddle。

1首先我们打开html开发工具，新建一个html代码页面2在html代码页面上创建一个select下拉菜单3保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的4回到html代码页面，在select标签上添加disabled=quotdisabledquot属性5保存html代码页面，回到浏览器页面上刷新页面。

1点击下拉内容能切换显示2下拉内容显示时，点击页面非下拉内容块隐藏当前显示的下拉内容3当前内容显示，点击其他的下拉按钮，当前内容隐藏新点击的下拉内容显示。

你好，html自带的select元素，是不支持option中带图片的，所有如果想实现的特殊select，必须自己编写一个功能类似select的下拉框 我实现了一个简单的，你看下就会了，我用的箭头代表的三角，你直接把ltimg src=quot0jpgquot放在li中即可 lthtml lthead ltstyle ulliststyletype liborder。

右侧写个固定样式的div，id假设设置为board如果你的菜单内容在服务器 display的实现如下 function display $ajax type quotPOSTquot， url 菜单所请求的内容地址， data thisid等等相关的请求标志， success funtiondata$#39board#39htmldata，返回数据填充。

如图所示，二级下拉菜单一般都是这样来制作的，就是在li标签里面再放一个ul标签然后就会有这样的效果了，不过距离二级菜单有点差距接着我们先把二级下拉菜单之间的margin和padding值去掉然后设置divulli，需要注意的是，是子代选择器因为我们不需要全部的li左浮动如图，浮动后就成了，距离二级菜单。

lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle无标题文档lttitleltstyle type=quottextcssquotlt！* margin0 padding0 liststyle borderdiv margin0 auto#Menu width600px overflowhidden fontfamilyquot微软雅黑quot fontsize18px line。

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

淘宝的用的应该是框架的，尽量不要用js去添加页面内容，很占资源的，放大效果的话，把一个页面都用js输出，就知道对加载速度的影响了可以在一个页面做出来菜单栏，然后用框架FRAME我用的是net，可以用母版页实现这个功能，html的话，用frame框架做比较好。

至此，横向二级下拉菜单就制作完成了，这里附加上全部代码，以方便各位朋友参考，感谢各位朋友的浏览lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead。

代码效果图代码含义ltselect定义为下拉列表菜单标签 ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码ltselect设置一个下拉列表菜单，ltoption设计下拉菜单下面的值来达成效果代码源件lthtml lthead ltmeta。

1菜单不仅仅是一张印有字的纸，更是一个能感受到餐厅文化特色的载体2制作菜牌的材料一般有皮质封面封面又可以烫金烫银不锈钢LOGO凹凸印等等，菜牌纸张可以是相纸，铜板纸，特种纸等，更有些客户希望独特还用到竹简布等料材料的手感质地很重要，因为菜单总是拿在手里的3菜牌中。

简单地说，在需要出现右键菜单的元素上给 contextmenu 事件绑定显示菜单的处理即可建议用 jQuery，实现起来比较容易，因为有现成的插件比如这两个 jquerycontextMenudemo。