So erreichen Sie einen „Interlaced-Farbwechsel' in Dream Weaver List-DEDECMS-php.cn

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

angryTom

Freigeben： 2019-11-09 14:23:27

Original

1925 Leute haben es durchsucht

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=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
[field:global runphp=&#39;yes&#39; 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}

Nach dem Login kopieren

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 <🎜 aus >$'adminbuy.cn_a. Der Code zu diesem Zeitpunkt ist falsch, wenn

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

Nach dem Login kopieren

nicht durch 2 teilbar ist. Geben Sie

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

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

Nach dem Login kopieren

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!