jquery隔行变色效果

最新推荐文章于 2025-08-15 09:50:45 发布

转载最新推荐文章于 2025-08-15 09:50:45 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/c3055/archive/2011/07/29/2121185.html

文章标签：

#javascript #ViewUI

 1 <script src="../common/jquery-1.6.2.min.js"></script> 
 2 <script> 
 3 $(document).ready(function() { 
 4 $('tr').addClass('odd'); 
 5 $('tr:even').addClass('even'); //奇偶变色，添加样式 
 6 }); 
 7 </script> 
 8 <style> 
 9 #hacker tr:hover{ 
10 background-color:#09C; //使用CSS伪类达到鼠标移入行变色的效果，比Jquery 的mouseover,hover 好用 
11 } 
12 
13 .odd { 
14 background-color: #ffc; /* pale yellow for odd rows */ 
15 } 
16 .even { 
17 background-color: #cef; /* pale blue for even rows */ 
18 } 
19 </style>