当前位置: 代码迷 >> J2SE >> 如何实现jsp中的table框中的数据鼠标移到其中一行时在行尾显示按钮,移开按钮隐藏
  详细解决方案

如何实现jsp中的table框中的数据鼠标移到其中一行时在行尾显示按钮,移开按钮隐藏

热度:53   发布时间:2016-04-23 20:09:16.0
怎么实现jsp中的table框中的数据鼠标移到其中一行时在行尾显示按钮,移开按钮隐藏
请问 怎么实现jsp中的table框中的数据鼠标移到其中一行时  显示设置按钮 ,移开时按钮隐藏

<tbody>
  <s:iterator value="addressDTOList" var="list">   
     <tr style=" border-bottom:#CCC 1px dashed;text-align:center;">
        <td><s:textfield name="id" id="id" </s:textfield></td>
   <td><s:textfield name="receiver" id="receiver" </s:textfield></td>
   <td><s:textfield name="address" id="address"></s:textfield></select></td>
   <td><s:textfield name="mobile" id="mobile" ></s:textfield></td>        
      <td ><a  href="default.action?">设置</a></td>
     </tr>    
  </s:iterator>
</tbody>
------解决思路----------------------
<tbody>
  <s:iterator value="addressDTOList" var="list">   
     <tr style=" border-bottom:#CCC 1px dashed;text-align:center;"  onmouseover="this.getElementsByTagName('a')[0].style.display='block'"  onmouseout="this.getElementsByTagName('a')[0].style.display='none'">
        <td><s:textfield name="id" id="id" </s:textfield></td>
   <td><s:textfield name="receiver" id="receiver" </s:textfield></td>
   <td><s:textfield name="address" id="address"></s:textfield></select></td>
   <td><s:textfield name="mobile" id="mobile" ></s:textfield></td>        
      <td ><a  href="default.action?">设置</a></td>
     </tr>    
  </s:iterator>
</tbody>
  相关解决方案