Html
    Css
    Js

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

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQuery换一批(原创)

使用方式

多加一组就是在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;

2
      celeday0
      2018/3/30 16:00:46
      信息
          青春只为一个等待0
          2018/7/13 10:07:44
          为啥用过去后最后一组需要点击两下才能切换呢
      回复