* { margin:0; padding:0; text-decoration:none; list-style:none; } .list1 { display:flex; margin:0 auto; } .list1 li { flex:1; border-radius:0.25em; height:2.5em; text-align:center; line-height:2.5em; margin:0.625em 0.32em; } .listchange2,.listchange3,.listchange4 { display:none; } .huan { text-align:center; font-family:"微软雅黑"; font-size:1em; color:#999999; }
多加一组就是在html中加两个ul listchange类后面数字改为递增
发布时间:2018-1-15 23:43
例:
<ul class="list1 listchange5"> <li>5</li> <li>5</li> <li>5</li> <li>5</li> </ul> <ul class="list2 listchange5"> <li>5</li> <li>5</li> <li>5</li> <li>5</li> </ul>
style内将listchange5改成dispaly:none;
js内把要换的批数也加1: var listitemmax=5;