Front-end development is inseparable from jquery. jquery and JavaScript can achieve many functions. This article mainly introduces in detail the implementation of jquery interlaced color change effect. It has certain reference value. Interested friends can refer to it. I hope it can Help everyone.
The example in this article shares the specific code for jquery interlaced color display for your reference. The specific content is as follows
Rendering
Code
<!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">
<p>
<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>
</p>
</form>
</body>
</html>A small function, have you learned it? Hurry up and give it a try.
Related recommendations:
JS control table interlaced color change implementation code display
JS implementation of the list page interlaced color change example code sharing
Pure JS code to realize interlaced color change and mouse move into highlight
The above is the detailed content of jquery simple implementation of interlaced color changing method. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
