有2个超级链接，当鼠标移动到某个链接上时显示自己数据。
有2个超级链接 ,分别是 ：行业新闻 、 市场动态 。都在一个框架里。
当鼠标移动到“行业新闻”上时显示行业数据，并“市场动态”里数据是隐藏。 
当鼠标移动到“市场动态”上时显示市场数据，并“行业新闻”里数据时隐藏。
今天折腾到夜里，还没结果，只好求助各位高手了。
代码如下：
<td width="33%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td width="6%" rowspan="2">&nbsp;</td>
  <td width="94%" height="35" style="background:url(images/index_32.jpg) no-repeat;" class="pro">
  <p style=" float:left;width:70px; font-weight:bold; font-size:13px; padding-left:35px; cursor:pointer;" id="one3" onmouseover="setTeb('one',1,2)" ><a href="news.asp">行业新闻</a></p>
  <p style="float:left;width:70px;font-weight:bold; font-size:13px; padding-left:60px; cursor:pointer;" id="one4" onmouseover="setTeb('one',2,2)"><a href="news.asp">市场动态</a></p></td>
  </tr>
div class="kuang">
<script> 
<!-- 
/*tab切换脚本*/ 
function setTeb(name,cursel,n){ 
/*参数意义:name为标签id标识,即不带数字的,cursel为标签数字,n为一共有几个标签*/
for(i=1;i<=n;i++){ 
var menu=document.getElementById(name+i); /*循环取得所有标签*/
var con=document.getElementById("teb_"+name+"_"+i); /*循环取得所有的内容块*/
menu.className=i==cursel?"current":""; /*判断自身的数字是否等于current*/
con.style.display=i==cursel?"block":"none"; /*如果是则显示出当前标签所应的内容块,否则隐藏*/
} 
} 
//--> 
</script>

  <ul id="teb_one_1" >
<li>
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<ItemTemplate>
<img src="images/index_36.jpg" style="padding-right:5px;" border="0" /><a href="news_sh" target="_blank">
<%#Eval("title") %></a>
</ItemTemplate>
</asp:Repeater>
</li>
</ul>
  <ul id="teb_one_2" style="display:none">
<li>
<asp:Repeater ID="Repeater2" runat="server" DataSourceID="SqlDataSource1">
<ItemTemplate>
<%#Eval("mark") %>
</ItemTemplate>
</asp:Repeater>
</li>
</ul>
说明：以上语句只显示id="teb_one_1"的数据在框架里， id="teb_one_2"没显示出来，若去掉 style="display:none"该语句就能显示出数据来都在同一个数据框里，但我需要的是鼠标移到id="teb_one_2"显示出数据，隐藏id="teb_one_1的数据。
希望有高手指点，不知道是哪里代码出错了，能得到指导。若有其他方法可以实现该功能，请高手示意一下代码，非常感谢。


------解决方案--------------------
jQuery 的 addClass和removeClass 可以帮你的忙。你自己搜索一下就知道了，很简单的。
你的id为什么是one3，one4