在网页中我们想要的无缝轮播左右循环有好多好多中，这是我第一个轮播效果，也是最基础的，和大家分享一下，对于初学者希望你们能有所借鉴，对于大神我想让你们尽情的虐我给我宝贵的意见。
这个是我要的效果
进入正题，首先是布局，布局的原理就是在DIV中创建ul标签，ul中插入li标签，在里插入图片，你想要几个图片轮播，插入几个li。布局上主要的点在于div设置大小，加上overflow：hidden；让超出部分隐藏，ul的长度是所有图片的总长度，li浮动。
html代码
<div id="djlb">
<div id="bigul">
<ul>
<li>
<img src="../images/djlb1.gif" alt="">
<p class="zt4">赵茜</p>
<p class="zt22">北京大学历史系研究生</p>
</li>
<li>
<img src="../images/yc2.gif" alt="yc2">
</li>
</ul>
<ul>
<li>
<img src="../images/djlb2.gif" alt="">
<p class="zt4">赵茜</p>
<p class="zt22">北京大学历史系研究生</p>
</li>
<li>
<img src="../images/yc2.gif" alt="yc2">
</li>
</ul>
<ul>
<li>
<img src="../images/djlb3.gif" alt="">
<p class="zt4">赵茜</p>
<p class="zt22">北京大学历史系研究生</p>
</li>
<li>
<img src="../images/yc2.gif" alt="yc2">
</li>
</ul>
<ul>
<li>
<img src="../images/djlb2.gif" alt="">
<p class="zt4">赵茜</p>
<p class="zt22">北京大学历史系研究生</p>
</li>
<li>
<img src="../images/yc2.gif" alt="yc2">
</li>
</ul>
<ul>
<li>
<img src="../images/djlb2.gif" alt="">
<p class="zt4">赵茜</p>
<p class="zt22">北京大学历史系研究生</p>
</li>
<li>
<img src="../images/yc2.gif" alt="yc2">
</li>
</ul>
<ul>
<li>
<img src="../images/djlb2.gif" alt="">
