求教，如何注册一个鼠标事件，单击实现跳转。

Question

额。。 回来还没人。。 果然是姿势不对。。 求教啊~~~

Answer 1

简化了代码<script language="javascript">
  function $2(id){return document.getElementById(id);}
  function addEvt(tab,ct,type){
    var ctab = $2(tab).getElementsByTagName('a');
var cdiv = $2(ct).getElementsByTagName(type);
    for(var i = 0;i<ctab.length;i++)
    { 
        ctab[i].onclick =function std(){
for(var i = 0;i<ctab.length;i++){
if(i!=parseInt(this.rel-1))
{
ctab[i].className="btn_off";
cdiv[i].style.display="none";
}
else
{
ctab[parseInt(this.rel)-1].className="btn_on";
cdiv[parseInt(this.rel)-1].style.display="block";
}
}

        }
    }
}
  </script>
  <div class="overall">
    <div class="newstop" >
      <p>javascrip链接控制</p>
    </div>
    <div class="newsLeft">
      <div class="newsLeft_btn" id="tab"> <a class="btn_on" rel="1" href="javascript:;">链接内容1</a> <a class="btn_off" rel="2" href="javascript:;">链接内容2</a> <a class="btn_off" rel="3" href="javascript:;">链接内容3</a><a class="btn_off" rel="4" href="javascript:;">链接内容4</a> </div>
    </div>
    <div class="newsContent" id="tab_cotent">
      <div class=""> 内容1 </div>
      <div style="display:none;" > 内容2 </div>
      <div style="display: none;" > 内容3 </div>
      <div style="display:none;" > 内容4 </div>
    </div>
  </div>
<script>addEvt("tab","tab_cotent","div");</script>