html设置鼠标滑过显示下拉框，怎么做鼠标悬浮菜单上的选项能出现下拉菜单
一、html点击弹出下拉列表
跳转到相应的页面。html点击弹出下拉列表选择后跳转到相应的页面。超文本标记语言，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言（或超文本标签语言）的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
二、html***怎么做鼠标悬浮菜单上的选项能出现下拉菜单
1、html做鼠标悬浮菜单上的选项能出现下拉菜单，CSS+JS做出此效果。
2、<LI><Ahref="#">一级菜单栏目</A>
3、<LI><Ahref="#">一级菜单目录</A></LI>
4、<LI><Ahref="#">一级菜单目录</A></LI>
5、<LI><Ahref="#">一级菜单目录</A></LI>
6、<LI><Ahref="#">一级菜单目录</A></LI></UL>
7、<LI><Ahref="#">二级菜单栏目</A>
8、<LI><Ahref="#">二级菜单目录</A></LI>
9、<LI><Ahref="#">二级菜单目录</A></LI>
10、<LI><Ahref="#">二级菜单目录</A></LI>
11、<LI><Ahref="#">二级菜单目录</A></LI>
12、<LI><Ahref="#">二级菜单目录</A></LI></UL></LI>
13、<LI><Ahref="#">三级菜单栏目</A>
14、<LI><Ahref="#">三级菜单目录</A></LI>
15、<LI><Ahref="#">三级菜单目录</A></LI>
16、<LI><Ahref="#">三级菜单目录</A></LI>
17、<LI><Ahref="#">三级菜单目录</A></LI>
18、<LI><Ahref="#">四级菜单栏目</A>
19、<LI><Ahref="#">四级菜单目录</A></LI>
20、<LI><Ahref="#">四级菜单目录</A></LI>
21、<LI><Ahref="#">四级菜单目录</A></LI>
22、<LI><Ahref="#">四级菜单目录</A></LI></UL></LI>
23、</UL></LI></UL>
为了突出效果，做的CSS样式代码为：
24、为了突出效果，做的CSS样式代码为：
25、*{margin:0;padding:0;border:0;}
26、#fm{line-height:24px;list-style-type:none;background:#666;}/*设置盒子的行高，去掉标记，设置背景颜色*/
27、#fma{display:block;width:80px;text-align:center;}/*设置A标签为块元素不显示，宽度，居中*/
28、#fma:link{color:#666;text-decoration:none;}/*设置未访问的链接样式*/
29、#fma:visited{color:#666;text-decoration:none;}/*设置已访问的链接样式*/
30、#fma:hover{color:#FFF;text-decoration:none;font-weight:bold;}/*当有鼠标悬停在链接上的颜色*/
31、#fmli{float:left;width:150px;background:#CCC;}
32、#fmlia:hover{background:#999;}
33、#fmliul{line-height:27px;list-style-type:none;text-align:left;left:-999em;width:80px;position:absolute;}
34、#fmliulli{float:left;width:80px;background:#F6F6F6;}
35、#fmliula{display:block;width:80px;width:80px;text-align:left;padding-left:5px;}
36、#fmliula:link{color:#666;text-decoration:none;}
37、#fmliula:visited{color:#666;text-decoration:none;}
38、#fmliula:hover{color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;}
39、</STYLE>
js代码为：
40、<SCRIPTtype=text/javascript>
41、varsfEls=document.getElementById("fm").getElementsByTagName("li");
42、for(vari=0;i<sfEls.length;i++){
43、sfEls[i].onmouseover=function(){
44、this.className+=(this.className.length>0?"":"")+"sfhover";
45、sfEls[i].onMouseDown=function(){
46、this.className+=(this.className.length>0?"":"")+"sfhover";
47、sfEls[i].onMouseUp=function(){
48、this.className+=(this.className.length>0?"":"")+"sfhover";
49、sfEls[i].onmouseout=function(){
50、this.className=this.className.replace(newRegExp("(?|^)sfhover\\b"),
51、</SCRIPT>
后的效果图为：
52、以上就是用html做鼠标悬浮菜单上的选项能出现下拉菜单的解决方法。
三、html怎么实现下拉框
1、首先我们打开html开发工具，新建一个html代码页面。
2、在html代码页面上创建一个select下拉菜单。
3、保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的。
4、回到html代码页面，在select标签上添加disabled="disabled"属性。
5、保存html代码页面，回到浏览器页面上刷新页面，这个时候会发现select下拉菜单已经变为不可编辑修改了。
6、可以直接**所有代码，粘贴到新建html页面保存后打开即可看到效果。
四、html里怎么设置下拉选项
html里可以用<select>标签设置下拉框。下面详细介绍其用法。
这是测试链接，可以参考本教程自己实*网页链接。
<select>标签在HTML里面是下拉框，用户点一下可以选择里面的选项
<option>标签是<select>标签的选项，它有2个东西需要设置，分别是值value和文本显示。
<option value="0">请选择分类</option>
它的value是0，文本是"请选择分类"。
如果你在页面保存了一些信息，一般提交给服务器的时候提交的是它的value。
例如下面的代码，在html里面展示的效果如图
<option value="0">请选择分类</option>
<option value="1">美食/营养</option>
<option value="10">游戏/数码</option>
<option value="37">手工/爱好</option>
<option value="50">生活/家居</option>
<option value="73">健康/养生</option>
<option value="86">运动/户外</option>
<option value="93">职场/理财</option>
<option value="101">情感/交际</option>
<option value="108">母婴/教育</option>
<option value="123">时尚/美容</option>
