由于項目需要，做了一個js：當在一級菜單上按左右鍵時二級菜單将随着變化。此js用于機頂盒上的。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>portal2</title>
</head>
<script type="text/javascript">
var main_id = 1;
var total = 6;
document.onkeydown=grabEvent;
function grabEvent(e){
var keycode;
if(!window.event)
keycode=e.which;
else
keycode=event.keyCode;
switch (keycode) {
case 65361:
onLeft();//向左
break;
case 65363:
onRight();//向右
case 37:
case 39:
}
}
function onLeft(){
main_id = parseInt(document.getElementById('now_id').value)-1;
if (main_id==0){
else{
show_upinfo(main_id);
function onRight(){
main_id = parseInt(document.getElementById('now_id').value)+1;
if (main_id==total){
show_downinfo(main_id);
function show_upinfo(main_id){
document.getElementById('now_id').value=main_id;
var pass_id = main_id+1;
document.getElementById('div'+pass_id).style.visibility = 'hidden';
document.getElementById('div'+main_id).style.visibility = 'visible';
function show_downinfo(main_id){
var pass_id = main_id-1;
</script>
<body>
<input type="hidden" id="now_id" value="1" />
<table width="495" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" ><img src="images/b1.gif" name="Image4" width="99" height="85" border="0" id="Image4" /></a></td>
<td ><a href="#"><img src="images/b2.gif" name="Image5" width="99" height="85" border="0" id="Image5" /></a></td>
<td><a href="#" ><img src="images/b3.gif" name="Image6" width="99" height="85" border="0" id="Image6" /></a></td>
<td><a href="#" ><img src="images/b4.gif" name="Image7" width="99" height="85" border="0" id="Image7" /></a></td>
<td ><a href="#" ><img src="images/b5.gif" name="Image8" width="99" height="85" border="0" id="Image8" /></a></td>
</tr>
<tr>
<td><div id="div1" style="visibility:visible">
<ul>
<a href="#">包月點播</a>
<a href="#">按次點播</a>
<a href="#">免費點播</a>
</ul>
</div></td>
<td><div id="div2" style="visibility:hidden">
<a href="#">公告清單</a>
<td><div id="div3" style="visibility:hidden">
<a href="#">最新最熱</a>
<td><div id="div4" style="visibility:hidden">
<a href="#">我的收藏</a>
<td><div id="div5" style="visibility:hidden">
<a href="#">萬 年 曆</a>
</tr>
</table>
</body>
</html>
本文轉自 yzzh9 51CTO部落格，原文連結：http://blog.51cto.com/java999/125959，如需轉載請自行聯系原作者
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)