* {
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;