Comment implémenter le "changement de couleur entrelacé" dans Dream Weaver List
Lors de la création d'un site Web d'entreprise ou d'un site Web de portail , Je dois souvent obtenir l'effet de changer les couleurs sur des lignes alternées dans la liste d'articles. La méthode est très simple. Jetons un coup d'œil à la méthode de mise en œuvre.
L'exemple de code est le suivant :
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} [field:global runphp='yes' name=autoindex] $adminbuy.cn_a="<li class='adminbuy.cn_c'>"; $adminbuy.cn_b="<li class=''adminbuy.cn_d'>"; if ((@me%2)==0) @me=$'adminbuy.cn_a; else @me=$'adminbuy.cn_b; [/field:global] <a href='[field:arcurl/]'>[field:title/]</a> </li> {/dede:arclist}
Comme le montre l'exemple ci-dessus :
Ce code utilise autoindex pour incrémenter, et le le nombre d'incréments est le même que 2. Prenez le modulo, et lorsque le nombre auto-croissant %2==0 signifie que le nombre auto-croissant peut être divisible par 2, c'est vrai et produit $'adminbuy.cn_a. Le code à ce moment Il est faux quand
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li class=''adminbuy.cn_c'><a href='[field:arcurl/]'>[field:title/]</a></li> {/dede:arclist}
n'est pas divisible par 2, sortie $'adminbuy.cn_b, le code à ce moment est :
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li class=''adminbuy.cn_d'><a href='[field:arcurl/]'>[field:title/]</a></li> {/dede:arclist}
en affichant la différence dans la balise li. Le style de classe (deux styles de 2l3.net_c et 2l3.net.com_d doivent être définis en CSS) peut réaliser un changement de couleur entrelacé.
Tutoriel recommandé : Tutoriel dedecms
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!