ホームページ > CMS チュートリアル > DEDECMS > Dream Weaver Listで「インターレースカラー変更」を実現する方法

Dream Weaver Listで「インターレースカラー変更」を実現する方法

angryTom
リリース: 2019-11-09 14:23:27
オリジナル
1953 人が閲覧しました

Dream Weaver Listで「インターレースカラー変更」を実現する方法

Dream Weaver Listで「インターレースカラーチェンジ」を実現する方法

コーポレートサイトやポータルサイトを構築する場合, 私はよく記事リストの行ごとに色を変更する効果を実現する必要がありますが、方法は非常に簡単ですので、実装方法を見てみましょう。

サンプル コードは次のとおりです:

{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}
ログイン後にコピー

上記の例からわかるように:

このコードは、autoindex を使用して自動的に増加し、自己増加数は 2 と同じです 法を計算します。自己増加数 %2==0 が自己増加数が 2 で割り切れることを意味する場合、それは true となり、出力されます。 $'adminbuy.cn_a. この時のコード

{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}
ログイン後にコピー

が2で割り切れない場合はfalseとなり、 $'adminbuy.cn_b のコードを出力します。今回は、

{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}
ログイン後にコピー

liタグの差分を出力することで、クラススタイル(2l3.net_cと2l3.net.com_dの2つのスタイルをcssで定義する必要がある)により、インターレースの色変更を実現できます。

推奨チュートリアル: dedecms チュートリアル

以上がDream Weaver Listで「インターレースカラー変更」を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート