在CSS中定义下拉菜单的代码？dx html5怎样写下拉菜单

参考一下这个《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “《html xmlns=“《head》《title》二级菜单《/title》《!--标题栏--》《meta 《meta 《《meta name=“description“ content=“下拉菜单,CSS,布局“ /》《!--简介--》《meta content=“下拉,菜单,CSS,布局“ name=“keywords“ /》《!--关键词--》《!--CSS样式开始--》《style type=text/css》*{ margin:0; padding:0; border:0;}html{ background:#bfc4c7;/*背景颜色*/}body{ font:12px/150% ’宋体’; margin:0 auto; width:770px; text-align:center;}#menu,#nav,#footer{ clear:both;}#nav{ padding-left:20px; text-align:left; background:#a60;}#footer{ background:#a30;}#logo,#banner,#mail,#left,#middle,#right{ float:left; width:180px; background:#f00;}#logo,#banner,#mail{ height:60px;}#banner{ width:468px; background:#f60;}#mail{ width:122px; background:#f90;}#left,#right{ width:200px;}#left{ background:#093;}#middle{ width:370px; background:#063;}#right{ background:#033;}/*menu部分*/#menu{ margin:0; position:relative; width:770px!important;}#menu ul{ list-style:none;}#menu li { float:left; position:relative;} #menu ul ul { visibility:hidden; position:absolute; left:0px; top:30px; }#menu table{ position:absolute; left:0; top:0;}#menu ul li:hover ul,#menu ul a:hover ul{ visibility:visible;}#menu a{ display:block; text-align:center; text-decoration:none; width:77px; height:30px; color:#000; line-height:30px; background:#c9c9a7;}#menu a:hover{ color:#fff; background:#b3ab79;}#menu ul ul li { clear:both; text-align:left;}#menu ul ul li a{ display:block; width:77px; height:30px; background:#faeec7; color:#000;}#menu ul ul li a:hover{ background:#dfc184; color:#000;}《/style》《!--CSS样式结束--》《/head》《!--网页头部结束--》《body》《!--网页主体开始--》 《div id=“menu“》 《ul》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《li》 《a href=““》第一分类《!--[if IE 7]》《!--》《/a》《!--《![endif]--》《!--[if lte IE 6]》 《table》 《tr》 《td》《![endif]--》 《ul》 《li》《a href=““》XHTML《/a》《/li》 《li》《a href=““》CSS《/a》《/li》 《li》《a href=““》PHP《/a》《/li》 《li》《a href=““》MySQL《/a》《/li》 《li》《a href=““》Fireworks《/a》《/li》 《li》《a href=““》Photoshop《/a》《/li》 《li》《a href=““》Flash《/a》《/li》 《li》《a href=““》Illustrator《/a》《/li》 《/ul》《!--[if lte IE 6]》 《/td》 《/tr》 《/table》 《/a》《![endif]--》 《/li》 《/ul》 《/div》《/body》《!--网页主体结束--》《/html》

1）、普通下拉列表菜单html代码如下：《form action=““ method=“get“》 《label》1、普通下拉列表菜单《/label》 《select name=““》 《option value=“0“》DIVCSS5《/option》 《option value=“1“》DIVCSS5《/option》 《/select》 《/form》 2）、跳转下拉列表菜单（如常见点击后跳转到选择网站）常常一些网站做友情链接，与部门之间使用select下拉标签实现网址跳转。下面我们通过代码与案例接受select跳转菜单应用。跳转菜单html代码如下：《form action=““ method=“get“》 《label》2、跳转的下拉列表菜单《/label》 《select name=“jumpMenu“ id=“jumpMenu“ onchange=“MM_jumpMenu(’parent’,this,0)“》 《option value=“《option value=“《/select》 《/form》 实现跳转还需要在head标签内加入Js脚本动作代码：《script type=“text/javascript“》 《!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+“.location=’“+selObj.options[selObj.selectedIndex].value+“’“); if (restore) selObj.selectedIndex=0; } //--》 《/script》

其实百度下拉框就是根据相应的规则来完成。搜索的人多了，百度搜索就会根据大部分人搜索的人习惯进行介绍。百度下拉又称百度推荐词，英文名为Baidu Suggest Word。是百度为方便用户搜索而提供的一种关键词联想服务，提高了用户搜索效率。大部分人在搜索某一个关键词时并不知道该如何组织语言以便更加精确的达到搜索目的，百度下拉就为他提供了便捷。百度从每天数以亿计的用户搜索词中，分析提炼出搜索量巨大的词条，生成百度推荐词数据库。之后，添加实现原理案便图片当用户在搜索框输入文字的过程中，百度动态就从该数据库中提取出以用户已经输入的字打头的词条，并动态的生成下拉菜单。举例，当我们在百度输入“衣服织唛”这4个字的时候，百度就从推荐词条库中检索出以“衣服织唛”这4个字打头的词条，并根据搜索量从大到小排序，组建成下拉菜单。当前百度下拉菜单的最大数量为10条。