js中div显示和隐藏钮为什么页面总是跳一下到最上面

<div  class="menu_left">
    <ul >
      <li  id="t1"   style="background-image:url(images/t2.gif);" >
   <a href="#" id="first" onclick="infoList('first');"   >中心动态</a></li>
      <li  id="t2" ><a href="#" id="first" onclick="infoList('first');" >
   <a href="#"  id="second" onclick="infoList('second');">产权动态</a></li>
   <li  id="t3">
   <a href="#"  id="third" onclick="infoList('third');">财经聚焦</a></li>
    </ul>
  </div>
点击onclick事件

是因为<a>的href属性，使用了#的缘故，你点击a的时候回到页面的开始，然后才在做click函数，你可以不使用href属性。但是这样的话，在IE6中a的一些伪属性:hover,:link,:active等不会起作用了,但是IE6+，ff,chrome不会有问题的。 
也可以使用
 href="javascript:void(0);"
或
href=“javascript;”
就可以了，呵呵