哪位大大能实现这个功能

我想问一下各位大大比如我有一个TABLE在页面上，里面有4张图片，左右各2张我希望移动键盘的上下左右来选取其中一张图片移动的时候有个背景框能然我看到我移动到了哪张图片只要按一下就能移动的那种然后按下ENTER来读取图片的URL 那位大大能帮帮我，有没有相关的文档能然我参考下，谢谢谢谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 无标题文档 </title>
<style>
#chaborder td{
width:200px;height:200px;text-align:center
}
#chaborder a{
  display:block; width:200px;height:200px;OVERFLOW: hidden; cursor:default;
}
#chaborder a:hover{width:198px;height:198px;border:1px solid #f00}
#chaborder img{border:0}
.ahover{width:198px;height:198px;border:1px solid #f00}
.aout{display:block; width:200px;height:200px;OVERFLOW: hidden; cursor:default; }
body {
background-color: #00CC00;
}
</style>
<script type="text/javascript">
    function MoveCursor(obj){
        var row = parseInt(obj.id.substring(1,2));
        var col = parseInt(obj.id.substring(2,3));
alert(event.keyCode)
        switch(event.keyCode){
            case 37:
                if(col > 1)
                    col--;
                break;
            case 38:
                if(row > 1)
                    row--;
                break;
            case 39:
                if(col < 3)
                    col++;
                break;
            case 40:
                if(row < 3)
                    row++;
                break;
case 13:
alert(obj.id);//如果要其他属性改属性名即可，也可以调用函数传递对象或属性名到其他地方去处理
break;
        }
        obj = document.getElementById("a" + row.toString() + col.toString());
        obj.click();
        obj.focus();
obj.className = "ahover";
        status = obj.innerText;
    }
</script>
</head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
   <tr>
     <td height="600"> <table width="600" border="0" cellspacing="0" cellpadding="0" id="chaborder">
       <tr>
         <td> <a id="a11" href="#" onmouseover="this.focus();" onkeydown="MoveCursor(this);" onblur="this.className='aout'"></a> </td>
         <td> <a id="a12" href="#" onmouseover="this.focus();" onkeydown="MoveCursor(this);" onblur="this.className='aout'"></a> </td>
         <td> <a id="a13" href="#" onmouseover="this.focus();" onkeydown="MoveCursor(this);" onblur="this.className='aout'"></a> </td>
       </tr>
       <tr>
         <td> <a id="a21" href="#" onmouseover="this.focus();" onkeydown="MoveCursor(this);" onblur="this.className='aout'"></a> </td>
         <td> <a id="a22" href="#" onmouseover="this.focus();" onkeydown="MoveCursor(this);" onblur="this.className='aout'"></a> </td>
         <td> <a id="a23" href="#" onmouseover="this.focus();" onkeydown="MoveCursor(this);" onblur="this.className='aout'"></a> </td>
       </tr>
       <tr>
         <td> <a id="a31" href="#" onmouseover="this.focus();" onkeydown="MoveCursor(this);" onblur="this.className='aout'"></a> </td>
         <td> <a id="a32" href="#" onmouseover="this.focus();" onkeydown="MoveCursor(this);" onblur="this.className='aout'"></a> </td>
         <td> <a id="a33" href="#" onmouseover="this.focus();" onkeydown="MoveCursor(this);" onblur="this.className='aout'"></a> </td>
       </tr>
     </table> </td>
   </tr>
</table>
</body>
</html>
这位大大为什么我每次按下上下左右键游览器就会弹出窗口显示KEYCODE
alert(event.keyCode);
alert(obj.id);
屏蔽闭掉旧好了啊
星辰技术社区:www.netcsharp.cn,我们将帮您以最快的速度找到最佳的解决方案
灌水机代码：www.dullwolf.cn/CSDNer.rar下载。
上面的各位大大我演示过了，谢谢大家帮忙还有一个问题我想让选取框选取后，按下ENTER再跳去这个连接而不是当选取框移动上去后自动跳到这个连接上，我应该怎么样才能实现谢谢谢谢
哦原来屏蔽obj.click();就可以了还是要感谢各位大大帮忙
jf   jf
jf jf
  jf
灌水机代码：www.dullwolf.cn/CSDNer.rar下载。