Maison  >  Article  >  Tutoriel CMS  >  Comment obtenir un "changement de couleur entrelacé" dans la liste DreamWeaver

Comment obtenir un "changement de couleur entrelacé" dans la liste DreamWeaver

angryTom
angryTomoriginal
2019-11-09 14:23:271918parcourir

Comment obtenir un

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=&#39;adminbuy.cn_c&#39;>"; 
$adminbuy.cn_b="<li class=&#39;&#39;adminbuy.cn_d&#39;>";
if ((@me%2)==0) @me=$&#39;adminbuy.cn_a; 
else @me=$&#39;adminbuy.cn_b;
[/field:global]
<a href=&#39;[field:arcurl/]&#39;>[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=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_c&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}

n'est pas divisible par 2, sortie $'adminbuy.cn_b, le code à ce moment est :

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li class=&#39;&#39;adminbuy.cn_d&#39;><a href=&#39;[field:arcurl/]&#39;>[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!

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