Maison > interface Web > js tutoriel > 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

小云云
Libérer: 2017-12-23 10:12:33
original
2356 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal