html怎么做鼠标悬浮菜单上的选项能出现下拉菜单

html可以从鼠标悬停菜单中的选项的下拉菜单中显示。
CSS+JS可以创建这种风格。

<body>代码在里面:

  • First-level栏目菜单
    • 一级菜单项
    • 一级菜单目录
    • 一级菜单目录
    • 一级菜单栏
  • 二级菜单栏
    • 二级菜单目录
    • 二级菜单目录
    • 二级菜单目录
    • 二级菜单目录
    • 二级菜单目录
  • 三级菜单目录
    • 三级菜单前置
    • 三级菜单前置
    • 三级目录表
    • 三级目录表
  • 四栏表
    • 四级菜单按钮
    • 四级菜单
    • 四级菜单按钮
    • 四级菜单目录
  • 澄清效果,CSS样式代码为:

    *{margin:0;填充:0;边框:0;}#fm{行高:24px;background:#666;}/*设置框的行高,去掉标记,并设置背景色*/#fma{display:block;标签元素块不显示,宽度,居中*/#fma:link{color:#666;/*设置访问的链接*/#fma:hover{color:#FFF;text-decoration:no;font-weight:bold;}}/*鼠标在链接上浮动时的颜色*/#fmli{float:left;pe:无;地面:#F6F6F6;la:link{颜色:#666;颜色:#F3F3F3;文字装饰:无;字体粗细:正常;#C00;nbsp;li.sfhoverul{left:auto;">[xss_clean]functionmenuFix(){varsfEls=document.getElementById("fm").getElementsByTagName("li");tion(){this.className+=(this.className.length>0?"unction(){this.className+=(this.className.length>0?")+"sfhover";ut=function(){this.className=this.className.replace(newRegExp("(?|^)sfhover\\b"),window.onload=menuFix;[xss_clean]

    最后翻译为:

    以上是使用下拉菜单的html解决方法,选项如何显示在鼠标悬停菜单上

    鼠标悬停设置下划线后遨游浏览器不会显示下划线

    Maxthon很难理解,但问题解决了。
    .nava:hover{color:#FFF;text-decoration:underline;}添加padding-bottom:1px;或margin-bottom:1px;到此CSS将防止它在其他浏览器中产生不同的反应。
    完美解决方案,谢谢各位的指点。