首页>>Jquery文字>>jquery插件解决表格 鼠标经过变色 头部突出显示(2015-07-14)

jquery插件解决表格 鼠标经过变色 头部突出显示

jquery插件解决表格 鼠标经过变色 头部突出显示
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <table id="table1">  
  2.         <thead>  
  3.         <tr>  
  4.             <th>Period</th>  
  5.             <th>Full Board</th>  
  6.             <th>Half Board</th>  
  7.             <th>Bed and Breakfast</th>  
  8.         </tr>  
  9.         </thead>  
  10.         <tbody>  
  11.         <tr>  
  12.             <td>01/10/12 - 02/10/12</td>  
  13.             <td>20 €</td>  
  14.             <td>30 €</td>  
  15.             <td>40 €</td>  
  16.         </tr>  
  17.         <tr>  
  18.             <td>03/10/12 - 04/10/12</td>  
  19.             <td>40 €</td>  
  20.             <td>50 €</td>  
  21.             <td>60 €</td>  
  22.         </tr>  
  23.         <tr>  
  24.             <td>05/10/12 - 06/10/12</td>  
  25.             <td>70 €</td>  
  26.             <td>80 €</td>  
  27.             <td>90 €</td>  
  28.         </tr>  
  29.         </tbody>  
  30.     </table>  
JavaScript Code
  1. <script>  
  2.     $(window).ready(function () {  
  3.         $('#table1').ReStable();  
  4.         $('#table2').ReStable({rowHeaders: false});  
  5.         $('#table3').ReStable({keepHtml: true, rowHeaders: false});  
  6.     });  
  7. </script>  

 


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