<div class="market-head"> <ul class="clearfix"> <#list category as cate> <#if cate_index=0> <li class="fl active" data-v="${cate.id}" data-name="${cate.categoryName}"><img src="${cate.categoryPcPic}" alt="${cate.categoryName}"> ${cate.categoryName} </li> <#elseif !cate_has_next > <li class="fl" id="last-li" data-v="${cate.id}" data-name="${cate.categoryName}"><img src="${cate.categoryPcPic}" alt="${cate.categoryName}"> ${cate.categoryName} </li> <#else > <li class="fl" data-v="${cate.id}" data-name="${cate.categoryName}"><img src="${cate.categoryPcPic}" alt="${cate.categoryName}"> ${cate.categoryName} </li> </#if> </#list> <#--<li class="fl active"><img src="${miscDomain}/css/homePage/new/images/huang-ly.png" alt="粮油市场">粮油市场</li>--> <#--<li class="fl"><img src="${miscDomain}/css/homePage/new/images/huang-js.png" alt="有色金属市场">有色金属市场</li>--> <#--<li class="fl"><img src="${miscDomain}/css/homePage/new/images/huang-hg.png" alt="汽配市场">汽配市场</li>--> <#--<li class="fl"><img src="${miscDomain}/css/homePage/new/images/pic_index_mh.png" alt="棉花市场">棉花市场</li>--> <#--<li class="fl" id="last-li"><img src="${miscDomain}/css/homePage/new/images/huang-mc.png" alt="数码市场">数码市场</li>--> </ul> </div> 灵活运用data-v,data-name这样的属性 之前是用<input>隐藏域来存值,但这里的li是tab切换用的,有了input会对li的index有影响
灵活应用data-v data-name这样的属性
最新推荐文章于 2024-07-02 15:39:39 发布