Heim  >  Artikel  >  CMS-Tutorial  >  So ändern Sie die Farbe der Dreamweaver-Artikelliste in jeder zweiten Zeile

So ändern Sie die Farbe der Dreamweaver-Artikelliste in jeder zweiten Zeile

藏色散人
藏色散人Original
2019-12-28 09:10:102146Durchsuche

So ändern Sie die Farbe der Dreamweaver-Artikelliste in jeder zweiten Zeile

Wie ändere ich die Farbe der Dreamweaver-Artikelliste?

Lassen Sie mich einen Teil des Codes mit Ihnen teilen Das kann Dreamweaver machen Der Hintergrund der Artikelliste realisiert den Interlaced-Farbwechseleffekt: Der spezifische Code lautet wie folgt, Sie können ihn entsprechend Ihren eigenen Anforderungen ändern:

Empfohlenes Lernen: Dream Weaver cms

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 inkrementierte Zahl ist Modulo 2. Wenn die automatisch inkrementierte Zahl %2==0 ist, das heißt, wenn die sich selbst erhöhende Zahl durch 2 teilbar ist, ist sie wahr und gibt $'adminbuy.cn_a aus Wenn es nicht durch 2 teilbar ist, ist es falsch und gibt $'adminbuy.cn_b aus. Zu diesem Zeitpunkt lautet der Code:

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

Durch die Ausgabe verschiedener Klassenstile im li-Tag (zwei Stile, 2l3.net_c und 2l3.net.com_d müssen im CSS definiert werden), die Interlaced-Farbe kann geändert werden.

Durch die Analyse dieses Codes können wir auch unser Denken erweitern. Ist es möglich, alle zwei Zeilen eine Unterstreichung hinzuzufügen?

{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 Testen kann das Obige tatsächlich alle 2 Zeilen eine Unterstreichung hinzufügen.

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Farbe der Dreamweaver-Artikelliste in jeder zweiten Zeile. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn