用javascript实现按TAB键实现ul li间的切换

Question

我想用javascript使得，一按TAB键就让它聚焦到ul li格式上的其中第一个单位上，然后按TAB键让他们在几个 li上面切换，最好不让TAB键聚焦到其他连接上面 切换以循环切换为好。 
具体例子可以看一下 
http://www.ketcat.com 按下tab键就聚焦到“谷歌”，再按就切换到“百度”，再按就继续切换 ,到底后循环切换该怎么办？谢谢指教

Answer 1

比较难,因为你没有办法捕获到用户的 tab事件,用户的焦点是在baidu的页面里.
你可以到这些网站中,把他们的引擎代码拷过来,作成自己的页面 就可以了

Answer 2

<style>
.focus{background-color:red;color:white}
.unfocus{background-color:white;}
</style>
<ul id="ul1" style="width:100px">
<li><a href='#' class="focus">Google</a></li>
<li><a href='#' class="unfocus">Baidu</a></li>
<li><a href='#' class="unfocus">163</a></li>
</ul>
<a href='#'>test1</a><br/>
<a href='#'>test0</a><br/>
<a href='#'>test2</a><br/>
<a href='#'>test3</a>
<script>
var index=0;//当前获得焦点的li下标
var ie=navigator.appName!="Netscape";//是否为ie
document.onkeydown=function(e)
{  
  e=e||event;
  if(e.keyCode==9)//TAB键
  {
    //阻止事件
    if(ie)//ie
      e.returnValue=false;
    else //ff
      e.preventDefault();  
    var ul1=document.getElementById("ul1");
    var lis=ul1.getElementsByTagName("li");
    index++;
    if(index>lis.length-1)index=0;
    for(var i=0;i<lis.length;i++)
    {
      lis[i].getElementsByTagName("a")[0].className="unfocus";
    }
    lis[index].getElementsByTagName("a")[0].className="focus";
  }
}
</script>