집 > 기사 > CMS 튜토리얼 > Dream Weaver List에서 '인터레이스 색상 변경'을 구현하는 방법

Dream Weaver List에서 '인터레이스 색상 변경'을 구현하는 방법

angryTom원래의: 2019-11-09 14:23:271939검색

드림위버 목록 구현 방법"행 간 색상 변경"

#🎜 🎜# 기업 웹사이트나 포털 웹사이트를 구축할 때, 기사 목록의 색상을 대체 행으로 변경하는 효과를 구현해야 하는 경우가 많습니다. 구현 방법은 매우 간단합니다.

샘플 코드는 다음과 같습니다:

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

위의 예에서 볼 수 있듯이:

이 코드는

autoindex#을 사용합니다. 🎜🎜# 증분 이후 자체 증가 숫자는 모듈로 2입니다. 자체 증가 숫자 %2==0는 자체 증가 숫자가 2로 나누어질 수 있다는 의미일 때 이는 사실입니다. 출력은 $' 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, 필요) CSS에서 정의) 인터레이스 색상을 변경할 수 있습니다.

Dream Weaver List에서 '인터레이스 색상 변경'을 구현하는 방법

관련 기사