想在<scipt>function{}</scipt>里面实现一个鼠标放在td上面，td表格的右侧一边消失的效果

<script> 
function MouseOverFunction(obj){
    obj.className="mouseover";
}
</script>
<style>
td{
    border:1 solid black
}
.mouseover{
    border-right:0;
}
</style>
<table>
<tr>
<td  onMouseOver="MouseOverFunction(this)" onmouseout="this.className=''"> 产品 </td> 
</tr>
</table>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script language="javascript">
    function hideTd(obj){
    document.getElementById("0102").style.display = "none";
    document.getElementById("0202").style.display = "none";
    }
      </script>
     </HEAD> <BODY>
      <table id = "showTable" border='1' width ="100%">
      <tr>
    <th id ="0101" onmouseover="hideTd('0101')">1</th>
    <th id ="0102">2</th>
    <th>3</th>
    <th>4</th>
    <th>5</th>
    <th>6</th>
    </tr>
    <tr>
    <td id ="0201">12345</td>
    <td id ="0202">12345</td>
    <td>12345</td>
    <td>12345</td>
    <td>12345</td>
    <td>12345</td>
    </tr>
      </table>
     </BODY>
    </HTML>
    -----------------------------------
    这段代码你可以参考一下,,另外就是可以根据其它方式取对象,,你可以自己试一下..