单纯的实现效果有很多种方法直接跳转页面也行，下拉菜单包着a标签 下面用iframe，也行，点击的时候用js替换src lt！DOCTYPE html lthtml ltheadltmeta charset=quotutf8quot lttitlelttitleltscript src=quot；2lta lta href=quot#quot下拉 3lta ltdiv ltli ltul ltscript src=quotscriptjsquotltscript ltbodylthtml CSS stylecssbody fontfamily quotLucida Sans Unicodequot， quotLucid；如果是导航类的下拉菜单的话，首先给可选择的主体部分设置宽高，相对定位属性然后主体部分建子标签，也就是下拉出来的部分，这部分设置display，绝对定位通过事件是鼠标悬浮或者点击来动态切换子标签的display，为。

首先需要打开自己电脑上的DW软件，新建一个html页面，然后将其保存在桌面上接下来我们需要在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码和浏览器的效果如下面两张图片所示因为菜单栏；现在我们为nav添加样式，首先去掉默认的margin和padding，再去掉ltullt li标签的liststyle样式和lta标签的默认下划线接下来再添e799bee5baa6e4b893e5b19e63加适当的样式根据实际需要添加进行美化，如一下；你好，html自带的select元素，是不支持option中带图片的，所有如果想实现的特殊select，必须自己编写一个功能类似select的下拉框 我实现了一个简单的，你看下就会了，我用的箭头代表的三角，你直接把ltimg src=quot0jpgquot放在；下图是IE8浏览器下的效果整体代码如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quot ltstyleselect_diy border2px solid #c1c1c1 borderbottomcolor#d0d0d0borderradius5px padding8px。

如果仅考虑客户端，那么用的就是数据字典，将数据缓存起来考虑到数据来自于服务端的比较多，且结合AJAX技术，下拉框中的内容每发生一次改变，就会查询一次服务器，然后服务端对客户端的请求进行处理，找到响应的数据，并反馈；ltselect定义为下拉列表菜单标签 ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码ltselect设置一个下拉列表菜单，ltoption设计下拉菜单下面的值来达成效果代码源件lthtml lthead ltmeta；***原理就是用jq的hover方法，然后鼠标经过显示，离开就隐藏在html页面里要外链一个jq库，这个去网上找，很多那个css写的时候用定位，active用positionrelative，自己ul用positionabsolute位置调好好，再用di；您要的效果应该是下面这样的示例代码如下lt！DOCTYPE HTMLlthtmllthead ltmeta；下拉菜单实现代码如下ltHTML ltHEAD ltSCRIPT LANGUAGE=quotjavascriptquot ltSCRIPT ltSCRIPT LANGUAGE=quotjavascriptquot function Body_InitoSelect，oText var iLeft= oSelectoffsetLeftvar iTop = oSelectoffsetTopv。

renderOptionsarr ， el生成select 的 option elempty $eachdata ， functionindex ， item $#39ltoption#39attr value itemid htmlitemnameappendToel；下拉式选单通常应用于把一些具有相同分类的功能放在同一个下拉式选单中，并把这个下拉式选单置于主选单的一个选项下下拉菜单内的项 目可以据需要设置为多选或单选，可以用来替代一组复选框设置为多选或单选框设置；select标签实现 注如果是联动下拉菜单的话，需要通过js动态处理select中的option纯css三级下拉菜单，下面是样式表 * common styling * menu fontfamily arial， sansserif width750px positionrelative marg。