怎么实现用键盘选择菜单
日期：2014-05-16 浏览次数：20368 次
如何实现用键盘选择菜单？
我用css+html做了一个菜单，当鼠标移上去的时候菜单出来，移开菜单消失。
但现在要添加功能："当用Tab聚焦到主菜单上按下enter键时子菜单显示出来，此时按tab键可以选择子菜单项，按下ESC子菜单消失"，该怎样改？可以用css或者结合javascript，只要能实现即可，现在非常急，请大家帮忙。
我用css+html做了一个菜单，当鼠标移上去的时候菜单出来，移开菜单消失。
但现在要添加功能："当用Tab聚焦到主菜单上按下enter键时子菜单显示出来，此时按tab键可以选择子菜单项，按下ESC子菜单消失"，该怎样改？可以用css或者结合javascript，只要能实现即可，现在非常急，请大家帮忙。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>prod menus</title>
<style>
ul.hMenu li:hover a { color:red;}
ul.hMenu li div table{ background-color:yellow;}
ul.hMenu {
margin: 0;
padding: 0;
z-index: 1;
}
ul.hMenu li {
margin: 0;
padding: 0;
list-style: none;
float: left;
width:140px;
}
ul.hMenu li a {
display: block;
text-align: left;
text-decoration: none
}
ul.hMenu li div {
position: absolute;
display: none;
}
ul.hMenu div a {background: yellow;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
