<div class="tpt-banner">
<input name="ban" id="ban1" type="radio">
<input name="ban" id="ban2" type="radio">
<input name="ban" id="ban3" type="radio">
<ul>
<li class="num1" style="background: #009688;">轮播1</li>
<li class="num2" style="background: #5FB878;">轮播2</li>
<li class="num3" style="background: #1E9FFF;">轮播3</li>
</ul>
<div class="nev">
<label class="num1" for="ban1"></label>
<label class="num2" for="ban2"></label>
<label class="num3" for="ban3"></label>
</div>
<div class="nxt">
<label class="num1" for="ban1"></label>
<label class="num2" for="ban2"></label>
<label class="num3" for="ban3"></label>
</div>
<div class="nts">
<label class="num1" for="ban1"></label>
<label class="num2" for="ban2"></label>
<label class="num3" for="ban3"></label>
</div>
</div>.tpt-banner{position:relative;width:100%;height:320px}
.tpt-banner input{display:none}
.tpt-banner ul li{position:absolute;top:0;left:0;display:none;width:100%;height:320px;line-height:320px;text-align:center;color:#fff}
.tpt-banner .nev,.tpt-banner .nxt{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px}
.tpt-banner .nev label,.tpt-banner .nxt label,.tpt-banner input:checked~.nev label,.tpt-banner input:checked~.nxt label{display:none}
.tpt-banner .nev{left:0}
.tpt-banner .nxt{right:0}
.tpt-banner .nts{position:absolute;bottom:15px;width:100%;text-align:center}
.tpt-banner .nev label:after{content:url(https://tpt360.com/tuimg/e.png);cursor:pointer}
.tpt-banner .nxt label:after{content:url(https://tpt360.com/tuimg/x.png);cursor:pointer}
.tpt-banner .nts label{display:inline-block;width:12px;height:12px;border-radius:100px;background:#fff;cursor:pointer}
.tpt-banner input:checked~.nts label{background:#fff}
.tpt-banner .nts label.num1{background-color:#FF5722}
.tpt-banner .nev label.num3,.tpt-banner .nxt label.num2,.tpt-banner ul li.num1{display:block}
.tpt-banner #ban1:checked~.nts .num1,.tpt-banner #ban2:checked~.nts .num2,.tpt-banner #ban3:checked~.nts .num3{background-color:#FF5722}
.tpt-banner #ban1:checked~.nev label.num3,.tpt-banner #ban1:checked~.nxt label.num2,.tpt-banner #ban1:checked~ul li.num1,.tpt-banner #ban2:checked~.nev label.num1,.tpt-banner #ban2:checked~.nxt label.num3,.tpt-banner #ban2:checked~ul li.num2,.tpt-banner #ban3:checked~.nev label.num2,.tpt-banner #ban3:checked~.nxt label.num1,.tpt-banner #ban3:checked~ul li.num3{display:block}
ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。