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

html可以导致鼠标指针菜单上的选项出现一个下拉菜单。
CSS+JS就可以创造出这样的效果。

<body>里面的代码是：

  • 第一级菜单栏
    • 一级菜单目录
    • 一级菜单目录
    • 一级菜单目录
    • 一级菜单目录
  • 二级菜单栏
    • 二级菜单目录
    • 二级菜单目录
    • 二级菜单目录
    • 二级菜单目录
    • 二级菜单目录
  • 三级菜单栏
    • 三级菜单目录
    • 三级菜单目录
    • 第三级菜单目录
    • 第三级菜单目录菜单目录
  • 四级菜单栏
    • 四级菜单目录
    • 四级菜单目录
    • 四级菜单目录
    • 四级菜单目录

    • 为了强调效果，CSS样式代码为：

    *{margin:0;padding:0;border:0;}#fm{行高:24px;列表样式类型：无；背景：#666；}/*设置盒子的行高，并设置背景颜色*/#fma{display:blockwidth:}/*设置;标签作为块元素并且不显示、宽度、中心*/#fma:link{color:#666;/*设置访问的链接样式*/#fma:hover{color:#FFF;text-decoration:none;font-weight:bold}/*鼠标悬停在链接上时的颜色*/#fmli;{浮动：左；pe：无文本对齐：左：80px位置：绝对；地面：#F6F6F6；}#fmliula{显示：宽度：80px；宽度：80px；text-align：左；padding-left：5px；la:link{颜色:#666;文字装饰：无}#fmliula：访问过{颜色：#666;文字装饰：无}#fmliula:h上面{颜色：#F3F3F3;文字装饰：无;字体粗细：正常}#fmli:hoverul{left:auto;nbsp;li.sfhoverul{left:auto}#content{clear:left}

    js代码是：

    [xss_clean]functionmenuFix(){varsfEls=document.getElementById("fm").getElementsByTagName("li");for(vari=0;i0?"":"")+"sfhover"}sfEls[i].onMouseDown=function(){this.className+=(this.className.length>0?"":"")+"sfhover";}sfEls[i].onMouseUp=function(){this.className+=(this.className.length>0?"":"")+"sfhover";}sfEls[i].onmouseout=function(){this.className=this.className.replace(newRegExp("(?|^)sfhover\\b"),""}}}window.onload=menuFix[xss_clean]

    最终呈现为：

    上面是鼠标悬停菜单上的选项可能的样子；向下菜单。

    html鼠标悬停事件高亮显示，如图效果，求完整源代码。本人小白白

    <!DOCTYPEhtml><html><head><title>测试</title></head><body>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         

    html如何实现鼠标悬停显示文字，鼠标移走文字消失。

    最简单的方法是给标签添加title属性，并设置要显示的内容，即添加title属性。

    代码：

    部分内容