国产欧美二区三区-国产欧美高清-国产欧美国产精品第二区-国产欧美国产精品第一区-小说区 图片区-小说区 综合区 都市激情

當前位置: 首頁 > 站長資訊 > 正文頁面

dedecms教程:文章列表隔行換色的方法

文章列表隔行換色的方法示例代碼如下:3tk網站目錄_網站網址收錄與提交入口

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}3tk網站目錄_網站網址收錄與提交入口

[field:global runphp='yes' name=autoindex]3tk網站目錄_網站網址收錄與提交入口

$cmsjzy.cn_a="<li class='moke8.com_c'>";3tk網站目錄_網站網址收錄與提交入口

$cmsjzy.cn_b="<li class='moke8.com_d'>";3tk網站目錄_網站網址收錄與提交入口

if ((@me%2)==0) @me=$moke8.com_a;3tk網站目錄_網站網址收錄與提交入口

else @me=$cmsjzy.cn_b;3tk網站目錄_網站網址收錄與提交入口

[/field:global]3tk網站目錄_網站網址收錄與提交入口

<a href='[field:arcurl/]'>[field:title/]</a>3tk網站目錄_網站網址收錄與提交入口

</li>3tk網站目錄_網站網址收錄與提交入口

{/dede:arclist}3tk網站目錄_網站網址收錄與提交入口

通過上邊示例可以看出:3tk網站目錄_網站網址收錄與提交入口

此代碼使用了autoindex自增,自增的數字與2進行取模,當自增數字%2==0也就是說自增數字能被2整除的時候為真輸出$cmsjzy.cn_a,此時的代碼為:3tk網站目錄_網站網址收錄與提交入口

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}3tk網站目錄_網站網址收錄與提交入口

<li class='cmsjzy.cn_c'><a href='[field:arcurl/]'>[field:title/]</a></li>3tk網站目錄_網站網址收錄與提交入口

{/dede:arclist}3tk網站目錄_網站網址收錄與提交入口

不能被2整除的時候為假,輸出$cmsjzy.cn_b,此時的代碼為:3tk網站目錄_網站網址收錄與提交入口

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}3tk網站目錄_網站網址收錄與提交入口

<li class='moke8.com_d'><a href='[field:arcurl/]'>[field:title/]</a></li>3tk網站目錄_網站網址收錄與提交入口

{/dede:arclist}3tk網站目錄_網站網址收錄與提交入口

通過輸出li標簽里不同的class樣式(在css里需定義好moke8.com_c,moke8.com_d兩種樣式)就可以實現隔行換色了。3tk網站目錄_網站網址收錄與提交入口

通過對這段代碼的分析我們還可以將思路擴展下,是不是可以實現每隔兩行加一條下劃線呢?3tk網站目錄_網站網址收錄與提交入口

{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}3tk網站目錄_網站網址收錄與提交入口

<li><a href='[field:arcurl/]'>[field:title/]</a></li>3tk網站目錄_網站網址收錄與提交入口

[field:global runphp='yes' name=autoindex]3tk網站目錄_網站網址收錄與提交入口

if(@me%2==0)@me="<hr />";3tk網站目錄_網站網址收錄與提交入口

else @me="";3tk網站目錄_網站網址收錄與提交入口

[/field:global]3tk網站目錄_網站網址收錄與提交入口

{/dede:arclist}3tk網站目錄_網站網址收錄與提交入口

通過測試,以上確實可以實現每隔2行加一條下劃線。3tk網站目錄_網站網址收錄與提交入口

  

此文由 網站目錄_網站網址收錄與提交入口 編輯,未經允許不得轉載!:

相關文章