精品国产免费观看久久久_久久天天躁狠狠躁夜夜爽_无码人妻少妇久久中文字幕_狠狠做深爱婷婷久久综合一区

網絡建站知識

精準傳達 ? 價值共享

洞悉互聯網前沿資訊,探尋網站營銷規律

查看其它板塊

織夢列表或文章列表樣式不同“隔行換色” 的方法

作者:狐靈超哥 | 2019-04-08 21:22 |點擊:


今天在做網站的時候遇到了一個列表頁 循環兩種不同的css  相比以前只循環一個樣式稍微難點

想到以后重慶網站建設狐靈科技的各位同事可能會遇到這種情況 就把解決方案寫一下

1:先看下樣式截圖

織夢列表或文章列表樣式不同

由此可以看出左邊和右邊的樣式是不同的 下面貼出解決代碼給大家看看





   
  {dede:arclist typeid='1' titlelen='40' row='20' typeid="" }
<li [field:global name=
"autoindex" runphp="yes"](@me % 2 == 0)?@me="class='red'":@me="class='blue'";[/field:global]><a href="[field:arcurl/]">[field:title/]</a></li>
  {/dede:arclist}





主要的調用代碼:


[field:global name="autoindex" runphp="yes"](@me % 2 == 0)?@me="class='red'":@me="class='blue'";[/field:global]><a href="[field:arcurl/]">[field:title/]
 
————————————————————————

CSS代碼:
 
1 .red{ background: red;}
2 .blue{ background: blue;}
 
主要是 藍色的部分

紅色的表示要修改的樣式 


下面截圖看下我修改的




以上就是 織夢列表或文章列表樣式不同“隔行換色” 的方法


 
 
如沒特殊注明,文章均為狐靈科技原創,轉載請注明?? "織夢列表或文章列表樣式不同“隔行換色” 的方法
多一份免費策劃方案,總有益處。

請直接添加技術總監微信聯系咨詢

網站設計 品牌營銷

多一份參考,總有益處

聯系狐靈科技,免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可以通過以下方式與我們聯系

業務熱線:15082661954 / 大客戶專線:15523356218