JQuery实现table表格奇偶行换色

时间:2011-08-12 13:32 来源:GOODIDEA100.COM 点击:次 点击这里给我发消息

30元香港免备案空间

 

  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4.     <title>JQuery测试</title> 
  5.     <style type="text/css"> 
  6.           
  7.         /*table中偶数行*/  
  8.  
  9.         .tabEven {  
  10.             background: #ff0000;  
  11.         }  
  12.           
  13.         /*table中奇数行*/  
  14.  
  15.         .tabOdd {  
  16.             background: #00ff00;  
  17.         }  
  18.     </style> 
  19.     <script language="javascript" src="jquery-1.3.2.js"> 
  20.     </script> 
  21.     <script language = "JavaScript" type="text/javascript"> 
  22.         //<![CDATA[  
  23.         $(document).ready(function(){  
  24.             $("#tabTest tr:even").addClass("tabEven");  
  25.             $("#tabTest tr:odd").addClass("tabOdd");  
  26.         });  
  27.         //]]> 
  28.     </script> 
  29. </head> 
  30. <body> 
  31.     <table id="tabTest"> 
  32.         <tbody> 
  33.             <tr> 
  34.                 <td>快购利众网_1</td> 
  35.                 <td>1</td> 
  36.             </tr> 
  37.             <tr> 
  38.                 <td>快购利众网_2</td> 
  39.                 <td>1</td> 
  40.             </tr> 
  41.             <tr> 
  42.                 <td>快购利众网_3</td> 
  43.                 <td>1</td> 
  44.             </tr> 
  45.             <tr> 
  46.                 <td>快购利众网_4</td> 
  47.                 <td>1</td> 
  48.             </tr> 
  49.             <tr> 
  50.                 <td>快购利众网_5</td> 
  51.                 <td>1</td> 
  52.             </tr> 
  53.         </tbody> 
  54.     </table> 
  55. </body> 
  56. </html> 
  57.  

 

相关文档

  • dedecms v5.7如何在后台栏目中添加缩
  • dedecms 后台增加复制文章功能
  • DedeCMS自动截取标题长度加省略号
  • phpcms v9 调用数据列表如何在标题
  • 使用channelartlist和itemindex制作狗铺
  • dedecms5.6后台验证码不显示、错误
  • dede5.6后台发布文章空白的解决办

套图收藏

MORE>>