首页>>Jquery文字>>表格隔行换色，鼠标经过换色(2016-06-08)

表格隔行换色，鼠标经过换色

 不改变现有结构，只需一个class即可

表格隔行换色，鼠标经过换色
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

XML/HTML Code
  1. <table class="blue">  
  2.   <thead>  
  3.     <tr>  
  4.       <th>Column 1</th>  
  5.       <th>Column 2</th>  
  6.       <th>Column 3</th>  
  7.     </tr>  
  8.   </thead>  
  9.   <tbody>  
  10.     <tr>  
  11.       <td>Non</td>  
  12.       <td>Mais</td>  
  13.       <td>Allo !</td>  
  14.     </tr>  
  15.     <tr>  
  16.       <td>Non</td>  
  17.       <td>Mais</td>  
  18.       <td>Allo !</td>  
  19.     </tr>  
  20.     <tr>  
  21.       <td>Non</td>  
  22.       <td>Mais</td>  
  23.       <td>Allo !</td>  
  24.     </tr>  </tbody>  
  25. </table>  

 

JavaScript Code
  1. <script>  
  2. $(document).ready(function(){  
  3.    $("table").fixMe();  
  4. });  
  5. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_563.html