废话不多说了，直接给大家贴代码了。，直接给大家贴代码了。
无缝轮播图：
<title>无缝轮播图</title> <样式>*{margin：0; padding：0; } ul {list-style：none;}。横幅{width：600px;高度：300px; border：2px solid #ccc; margin：100px auto; positio; position; sopition; soperion; sperver; vellflow：hidden;}。 100％;文本 - 主体：中心; font-size：0;}。num li {width：10px;高度：10px;背景：rgba（0,0,0,0,0.5）;显示：block; block-border-radius：100％; display：inline-block; inline-block; margin; margin; margin; margin; margin; margin; margin; margin：0 5px; cursor：cursor：pointer; pointer;} block; blet; clastn; 50px;高度：100px;背景：RGBA（0,0,0,0.6）;颜色：#fff; font-size：40px; line-height：100px; text-align：text-align：center; center; centr; pointer;}。 absolute;right: 0;top: 50%;margin-top: -50px;}.num .active{background-color: #fff;}</style><script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script></head><body><div><ul><li><a href =“＃”> <img src =“ img/1.jpg”> </a> </li> <li> <a href =“ href =”＃<img src =“ img/2.jpg”> </a> </li> </li> <li> <li> <li> <li> <a href = a href =“ href =“＃”> <img src =“ img/4.jpg”> </a> </li> <li> <a a href =“ href =”＃<img src =“ img/5.jpg”> </a> </a> </li> </li> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> // <div> <span> <</span> <span >> </span> </div> </div> </div> <script> $（function（）{var i = 0; var timer = null; for（var j = 0; j <$ j = 0; j <$（'。 li'）。首先（）。addclass（'active'）; //给第一个圆点添加样式var firstimg = $（'。img li'）。首先（）。下一个按钮$（'。next'）。单击（function（）{i ++; if（i == $（'。img li'）。 //保证无缝轮播，设置，左值}; $（'。img'）。stop（）。动画（{左：-i*600}，300）; if（i == $（'。'。img li'）。length-1）{//设置小圆点指示$（'。num。 li'）。eq（0）.addClass（'active'）。siblings（）。removeClass（'active'）;} else {$（' （i == -1）{i = $（'。img li'）。length-2; $（'。img'）。css（{左： - （$（'。 li'）。eq（i）.addclass（'active'）。siblings（）。removeClass（'active''）;}）//设置按钮的显示和隐藏$（'。banner'）。hover（function（）{$（'。btn' li'）。mouseover（function（）{var _index = $（this）.index（）; $（'。img'）。stop（）。动画（{左：-_ index*600}，150），150）; $（'。num li'）。eq（_index）.addClass（'active'）。siblings（）。removeclass（'active''）;}）//定时器自动播放计时器= setInterval（function（function（）{i ++; if（i == $（i == $）（'。img li'） {i = 1; $（'。img'）。css（{左：0}）;}; $（'。img'）。stop（' li'）。eq（0）.addclass（'active'）。siblings（）。removeclass（'active'）;} else {$（'。num li'）。eq（i）.addclass（'active'）。siblings（）。removeClass（'active''）;}}，1000）//鼠标移入，暂停自动播放，移出，移出$（'。banner'。banner'）。hover（function（function（function（clearInterval）（clearInterval（timer）;}，function（function），function（function（function），intervalv （i == $（'。img li'）。长度）{i = 1; $（'。img'）。css（{左：0}）;}; $（'。img'）。stop（）。动画（{left：-i*600}，300），300）; if（i == img li'。 li'）。eq（0）.addclass（'active'）。siblings（）。removeclass（'active'）;} else {$（'以上代码是使用js实现的无缝轮播效果，代码比较简单，所以没有给大家注释，如果有疑问欢迎给我留言。，如果有疑问欢迎给我留言。