问高手:JS如何实现像google首页搜索的效果

<html>
<head>
<script>
var ts=null;
function Search(v)
{
  if(v!="")
  {
    if(ts!=null) 
     clearTimeout(ts);
    ts=setTimeout(function(){Go(v)},500);//让输入快的延时查询
  }
  else
    DisplayAll();
}
function Go(v)
{
  var spans=document.getElementsByTagName("span");
  for(var i=0;i<spans.length;i++)
  {
    if(spans[i].childNodes.length>1&&spans[i].childNodes[1].nodeValue.indexOf(v)!=-1)
       spans[i].style.display="";
    else
       spans[i].style.display="none";
  }
}
function DisplayAll()
{
  var spans=document.getElementsByTagName("span");
  for(var i=0;i<spans.length;i++)
  {
    spans[i].style.display="";
  }
}
</script>
</head>
<body>
<input type="text" onkeyup="Search(this.value)"/><br/>
<span><input type='checkbox' value='1'/>1223</span> <span><input type='checkbox' value='10'/>105555</span>
<span><input type='checkbox' value='2'/>ff2</span> <span><input type='checkbox' value='11'/>1353531</span>
<span><input type='checkbox' value='3'/>3aafe</span> <span><input type='checkbox' value='12'/>16662</span>
<span><input type='checkbox' value='4'/>4fefe</span> <span><input type='checkbox' value='13'/>13656</span>
<span><input type='checkbox' value='5'/>fefef5</span> <span><input type='checkbox' value='14'/>133faf4</span>
<span><input type='checkbox' value='6'/>efef6</span> <span><input type='checkbox' value='15'/>1dde5</span>
<span><input type='checkbox' value='7'/>7aa</span> <span><input type='checkbox' value='16'/>1fefgg6</span>
<span><input type='checkbox' value='8'/>8bbere</span> <span><input type='checkbox' value='17'/>1gg7</span>
<span><input type='checkbox' value='9'/>933434</span> <span><input type='checkbox' value='18'/>1gee8</span>
</body>
</html>