So erreichen Sie einen „Interlaced-Farbwechsel“ in Dream Weaver List

So implementieren Sie „Interlaced-Farbwechsel“ in der Dreamweaver-Liste

Beim Erstellen einer Unternehmens- oder Portal-Website Ich brauche oft den Effekt, die Farbe in der Artikelliste zu ändern. Schauen wir uns die Implementierungsmethode an.

Der Beispielcode lautet wie folgt:

{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}

Wie aus dem obigen Beispiel ersichtlich ist:

Dieser Code verwendet Autoindex zum Inkrementieren und die Die Anzahl der Inkremente ist gleich 2. Nehmen Sie das Modulo und wenn die sich selbst erhöhende Zahl %2==0 bedeutet, dass die sich selbst erhöhende Zahl durch 2 teilbar sein kann, ist dies wahr und gibt $'adminbuy.cn_a. Der Code zu diesem Zeitpunkt ist falsch, wenn

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
<li class=&#39;&#39;adminbuy.cn_c&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}

nicht durch 2 teilbar ist. Geben Sie

$'adminbuy.cn_b aus, den Code zu diesem Zeitpunkt ist:

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
<li class=&#39;&#39;adminbuy.cn_d&#39;><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
{/dede:arclist}

durch Ausgabe des Unterschieds im li-Tag Der Klassenstil (zwei Stile von 2l3.net_c und 2l3.net.com_d müssen in CSS definiert werden) kann interlaced Farbwechsel realisieren.

Empfohlenes Tutorial:

dedecms-Tutorial

Das obige ist der detaillierte Inhalt vonSo erreichen Sie einen „Interlaced-Farbwechsel“ in Dream Weaver List. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!