Dream Weaver Listで「インターレースカラーチェンジ」を実現する方法
コーポレートサイトやポータルサイトを構築する場合, 私はよく記事リストの行ごとに色を変更する効果を実現する必要がありますが、方法は非常に簡単ですので、実装方法を見てみましょう。
サンプル コードは次のとおりです:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} [field:global runphp='yes' name=autoindex] $adminbuy.cn_a="<li class='adminbuy.cn_c'>"; $adminbuy.cn_b="<li class=''adminbuy.cn_d'>"; if ((@me%2)==0) @me=$'adminbuy.cn_a; else @me=$'adminbuy.cn_b; [/field:global] <a href='[field:arcurl/]'>[field:title/]</a> </li> {/dede:arclist}
上記の例からわかるように:
このコードは、autoindex を使用して自動的に増加し、自己増加数は 2 と同じです 法を計算します。自己増加数 %2==0 が自己増加数が 2 で割り切れることを意味する場合、それは true となり、出力されます。 $'adminbuy.cn_a. この時のコード
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li class=''adminbuy.cn_c'><a href='[field:arcurl/]'>[field:title/]</a></li> {/dede:arclist}
が2で割り切れない場合はfalseとなり、 $'adminbuy.cn_b のコードを出力します。今回は、
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li class=''adminbuy.cn_d'><a href='[field:arcurl/]'>[field:title/]</a></li> {/dede:arclist}
liタグの差分を出力することで、クラススタイル(2l3.net_cと2l3.net.com_dの2つのスタイルをcssで定義する必要がある)により、インターレースの色変更を実現できます。
推奨チュートリアル: dedecms チュートリアル
以上がDream Weaver Listで「インターレースカラー変更」を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。