Maison > Article > interface Web > jquery implémentation simple de la méthode de changement de couleur entrelacée

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

小云云original: 2017-12-23 10:12:332301parcourir

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>

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée de la capacité de jQuery à ajouter dynamiquement des nœuds et à traverser des nœudsArticle suivant：Explication détaillée de la capacité de jQuery à ajouter dynamiquement des nœuds et à traverser des nœuds

Articles Liés

Voir plus