JS CSS制作的超级简单的下拉菜单附图

先看效果

代码：复制代码代码如下： html标题标题好测试/标题脚本函数显示订阅(子菜单){ document.getElementById(子菜单).style.display=' inline}函数隐藏提交(子菜单){ document.getElementById(子菜单).style.display=' none}/脚本样式。菜单{ margin :1 px 1px 1px 1 xpadding :3 px 5px 3px 5px背景色-: # 8080 c0；颜色：白色；} .子菜单{ margin :1 px 1px 1px 1 xpadding :3 px 5px 3px 5px背景色-: # 8080 c0；颜色：白色；}/style/head body div table tr TD style='垂直对齐： top'span class=' menu ' id=' menu 1 ' on mouse move=' show子菜单('子菜单1 ')' on mouseout=' hide子菜单('子菜单1 ')' menu 1/span br/div id='子菜单1 ' style=' display : none ' on mouse move=' show子菜单('子菜单1 ')' on mouseout=' hide子菜单('子菜单1 ')' span class='子菜单'子菜单1/span br/span class='子菜单'子菜单' 2/span br/span class=' span class=' menu ' id=' menu 2 ' on mouse move='显示子菜单'('子菜单2 ')' on mouseout='隐藏子菜单'('子菜单2 ')' menu 2/span br/div id='子菜单2 ' style=' display : none ' on mouse move='显示子菜单'(子菜单2 ')' on mouseout='隐藏子菜单'(子菜单2 ')' span class='子菜单' 1/span br/span class=子菜单“子菜单”子菜单2/span br/span class=' span class=' menu ' id=' menu 3 ' on mouse move=' show '子菜单('子菜单3 ')' on mouseout=' hide '子菜单('子菜单3 ')' menu 3/span br/span class='子菜单3 ' style=' display : none ' on mouse move=' show '子菜单('子菜单3 ')' on mouseout=' hide '子菜单('子菜单3 ')' span class='子菜单1/span br/span class='子菜单'子菜单'子菜单2/span br/span class=' menu ' id=' menu 4 ' on mouse move=' show '子菜单('子菜单4 ')' on mouseout=' hide '子菜单('子菜单4 ')' menu 4/span br/span id='子菜单4 ' style=' display : none ' on mouse move=' show '子菜单('子菜单4 ')' on mouseout=' hide '子菜单('子菜单4 ')' span class='子菜单1/span br/span class='子菜单'子菜单'子菜单2/span br/span