1. 程式人生 > >jquery 實現隔行變色

jquery 實現隔行變色

//效果圖

//程式碼

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript">
$(function(){
$("tr:odd").attr("bgColor","#DD1C73");
$("tr:even").attr("bgColor","#875BE6");
})
</script>
<body>
<form id="form1" runat="server">  
    <div>  
    <table width="300px">  
            <tr><td>11111</td></tr>  
            <tr><td>22222</td></tr>  
            <tr><td>33333</td></tr>  
            <tr><td>44444</td></tr>  
            <tr><td>55555</td></tr>  
            <tr><td>55555</td></tr>  
    </table>  
  
    </div>  
    </form>  
</body>
</html>