> CMS 튜토리얼 > Dedecms > 한 행씩 걸러서 Dede Dreamweaver 기사 목록의 색상을 변경하는 방법

한 행씩 걸러서 Dede Dreamweaver 기사 목록의 색상을 변경하는 방법

藏色散人
풀어 주다: 2019-12-28 09:10:10
원래의
2263명이 탐색했습니다.

한 행씩 걸러서 Dede Dreamweaver 기사 목록의 색상을 변경하는 방법

Dreamweaver 기사 목록에서 다른 모든 줄의 색상을 변경하는 방법은 무엇입니까?

Dreamweaver 기사 목록의 배경에서 인터레이스 색상 변경 효과를 얻을 수 있는 코드를 공유하겠습니다. : 구체적인 코드는 다음과 같습니다. 필요에 따라 수행할 수 있습니다. 수정:

추천 학습: Dreamweaver cms

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

{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}
로그인 후 복사

위의 예에서 볼 수 있듯이:

이 코드는 자동 인덱스를 사용하여 자동으로 증가하며 자체 증가 숫자는 모듈로 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)을 CSS에 정의해야 함) 인터레이스 색상 변경을 달성할 수 있습니다.

이 코드를 분석하면 우리의 생각도 확장될 수 있습니다. 두 줄마다 밑줄을 추가하는 것도 가능할까요?

{dede:arclist row=&#39;12&#39; titlelen=&#39;33&#39; typeid=&#39;1&#39; orderby =&#39;pubdate&#39;}
<li><a href=&#39;[field:arcurl/]&#39;>[field:title/]</a></li>
[field:global runphp=&#39;yes&#39; name=autoindex]
if(@me%2==0)@me="<hr />";
else @me="";
[/field:global]
{/dede:arclist}
로그인 후 복사

테스트 후 위의 내용은 실제로 2줄마다 밑줄을 추가할 수 있습니다.

위 내용은 한 행씩 걸러서 Dede Dreamweaver 기사 목록의 색상을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿