聯(lián)系官方銷售客服
1835022288
028-61286886
誰能幫忙寫下這個(gè)循環(huán)中隔行顯示的標(biāo)簽,效果如下圖:
<body> <div class="zd-ny-main"> <div id="dh"> <div class="sj"> <ul class="sj-top"> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> </ul> </div> <div class="sj"> <ul class="sj-top"> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> </ul> </div> <div class="sj"> <ul class="sj-top"> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> <li style="position: relative"><a href="#"><img src="#"></a><span class="sys">文字標(biāo)題</span></li> </ul> </div> </div> </div> </body>
參考文檔:《循環(huán)中的隔行顯示》 現(xiàn)成的
主要catid和模塊改成自己的就可以了