dede織夢(mèng)文章列表隔行換色的方法
下面給大家分享一段代碼能讓織夢(mèng)文章列表背景實(shí)現(xiàn)隔行換色效果:具體代碼如下,大家可以根據(jù)自己的需要進(jìn)行修改:
示例代碼如下:
{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}
通過(guò)上邊示例可以看出:
此代碼使用了autoindex自增,自增的數(shù)字與2進(jìn)行取模,當(dāng)自增數(shù)字%2==0也就是說(shuō)自增數(shù)字能被2整除的時(shí)候?yàn)檎孑敵?'adminbuy.cn_a,此時(shí)的代碼為:
{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整除的時(shí)候?yàn)榧?,輸?'adminbuy.cn_b,此時(shí)的代碼為:
{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}
通過(guò)輸出li標(biāo)簽里不同的class樣式(在css里需定義好2l3.net_c,2l3.net.com_d兩種樣式)就可以實(shí)現(xiàn)隔行換色了。
通過(guò)對(duì)這段代碼的分析我們還可以將思路擴(kuò)展下,是不是可以實(shí)現(xiàn)每隔兩行加一條下劃線呢?
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'} <li><a href='[field:arcurl/]'>[field:title/]</a></li> [field:global runphp='yes' name=autoindex] if(@me%2==0)@me="<hr />"; else @me=""; [/field:global] {/dede:arclist}
通過(guò)測(cè)試,以上確實(shí)可以實(shí)現(xiàn)每隔2行加一條下劃線。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持秀站網(wǎng)。
上一篇:詳解DeDeCMS織夢(mèng)手機(jī)版網(wǎng)站首頁(yè)如何更新
欄 目:dedecms
下一篇:dedecms ERROR: Copy Uploadfile Error!上傳圖片失敗解決方法
本文標(biāo)題:dede織夢(mèng)文章列表隔行換色的方法
本文地址:http://mengdiqiu.com.cn/a1/dedecms/12238.html
您可能感興趣的文章
- 08-05dede:channel currentstyle 失效問(wèn)題,調(diào)用子級(jí)欄目后就無(wú)效
- 08-05Dedecms文件目錄結(jié)構(gòu)解說(shuō)(能知道織夢(mèng)每個(gè)文件有什么用)
- 08-05Dedecms5.7版ckeditor網(wǎng)頁(yè)編輯器添加中文字體
- 08-05織夢(mèng)DedeCMS獲取當(dāng)前欄目文章數(shù)量
- 08-05織夢(mèng)模板如何添加和調(diào)用自定義字段的方法
- 08-05DedeCMS后臺(tái)模塊列表顯示空白的解決辦法
- 08-05DedeCMS自定義字段圖片調(diào)用的問(wèn)題{dede:img ...}解決方法
- 08-05織夢(mèng)DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05限制織夢(mèng)會(huì)員每天投稿數(shù)量方法
- 08-05常用的織夢(mèng)dedecms安全設(shè)置集合整理


閱讀排行
- 1C語(yǔ)言 while語(yǔ)句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹(shù)的示例代碼(圣誕
- 3利用C語(yǔ)言實(shí)現(xiàn)“百馬百擔(dān)”問(wèn)題方法
- 4C語(yǔ)言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語(yǔ)言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語(yǔ)言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語(yǔ)言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 08-05dede:channel currentstyle 失效問(wèn)題,調(diào)用子
- 08-05網(wǎng)站底部版權(quán)符號(hào)怎么打出來(lái)?
- 08-05Dedecms文件目錄結(jié)構(gòu)解說(shuō)(能知道織夢(mèng)
- 08-05織夢(mèng)DedeCMS獲取當(dāng)前欄目文章數(shù)量
- 08-05Dedecms5.7版ckeditor網(wǎng)頁(yè)編輯器添加中文
- 08-05織夢(mèng)模板如何添加和調(diào)用自定義字段
- 08-05DedeCMS后臺(tái)模塊列表顯示空白的解決辦
- 08-05DedeCMS自定義字段圖片調(diào)用的問(wèn)題{de
- 08-05織夢(mèng)DedeCMS調(diào)用顯示discuz里面主題的方
- 08-05限制織夢(mèng)會(huì)員每天投稿數(shù)量方法
隨機(jī)閱讀
- 01-11ajax實(shí)現(xiàn)頁(yè)面的局部加載
- 01-10使用C語(yǔ)言求解撲克牌的順子及n個(gè)骰子
- 01-11Mac OSX 打開(kāi)原生自帶讀寫(xiě)NTFS功能(圖文
- 01-10SublimeText編譯C開(kāi)發(fā)環(huán)境設(shè)置
- 08-05DEDE織夢(mèng)data目錄下的sessions文件夾有什
- 01-10C#中split用法實(shí)例總結(jié)
- 08-05dedecms(織夢(mèng))副欄目數(shù)量限制代碼修改
- 04-02jquery與jsp,用jquery
- 08-05織夢(mèng)dedecms什么時(shí)候用欄目交叉功能?
- 01-10delphi制作wav文件的方法