jquery implémentation simple de la méthode de changement de couleur entrelacée-js tutoriel-php.cn

jquery implémentation simple de la méthode de changement de couleur entrelacée

小云云

Libérer： 2017-12-23 10:12:33

original

2334 Les gens l'ont consulté

Le développement front-end est indissociable de jquery et JavaScript peut réaliser de nombreuses fonctions. Cet article présente principalement en détail l'implémentation de l'effet de changement de couleur entrelacé jquery. J'espère qu'il a une certaine valeur de référence. cela peut aider tout le monde.

L'exemple de cet article partage le code spécifique pour l'affichage couleur entrelacé jquery pour votre référence. Le contenu spécifique est le suivant

Rendu

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>

Copier après la connexion

Une petite fonction, l'avez-vous appris ? Dépêchez-vous et essayez-le.

Recommandations associées :

Affichage du code JS pour contrôler le changement de couleur entrelacé de la table

Exemple de partage de code pour la mise en œuvre JS de l'effet de changement de couleur entrelacé sur les pages de liste

Code JS pur pour obtenir un changement de couleur entrelacé et mettre en évidence lorsque la souris se déplace

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!