創新互聯www.cdcxhl.cn八線動態BGP香港云服務器提供商,新人活動買多久送多久,劃算不套路!
這篇文章主要介紹了織夢列表實現“隔行換色”的方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
織夢列表怎么實現"隔行換色"
在做企業站或門戶站時候,經常需要實現文章列表隔行換色這樣的效果,方法很簡單下面來看看實現的方法吧。
示例代碼如下:
{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整除的時候為真輸出$'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整除的時候為假,輸出$'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標簽里不同的class樣式(在css里需定義好2l3.net_c,2l3.net.com_d兩種樣式)就可以實現隔行換色了。
感謝你能夠認真閱讀完這篇文章,希望小編分享織夢列表實現“隔行換色”的方法內容對大家有幫助,同時也希望大家多多支持創新互聯,關注創新互聯-成都網站建設公司行業資訊頻道,遇到問題就找創新互聯,詳細的解決方法等著你來學習!
文章標題:織夢列表實現“隔行換色”的方法-創新互聯
網頁路徑:http://www.2m8n56k.cn/article36/docisg.html
成都網站建設公司_創新互聯,為您提供動態網站、靜態網站、企業網站制作、移動網站建設、搜索引擎優化、定制網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:[email protected]。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯