通过js和css3的transition属性的过渡效果写了无缝轮播图
css代码就不放了,有些乱
效果图如下:
html主体部分
<div class="main" id="main">
<ul class="ul-img" id="ul-img">
<!-- 为了实现无缝过渡效果,在首尾各加了图片4和图片1 -->
<li><img src="../images/4.jpg"></li>
<li><img src="../images/1.jpg"></li>
<li><img src="../images/2.jpg"></li>
<li><img src="../images/3.jpg"></li>
<li><img src="../images/4.jpg"></li>
<li><img src="../images/1.jpg"></li>
</ul>
<b