jQuery制作无缝轮播的焦点图
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery无缝轮播的焦点图</title> <script type="text/javascript" src="js/jquery-1.12.2.min.js"></script> <script type="text/javascript"> $(function(){ var i=0; var clone = $(".banner .img li").first().clone(); //复制第一张图片 $(".banner .img").append(clone) ; //把复制好的第一张图片放到最后一张图片的后面 var size = $(".banner .img li").size(); //获得li的个数 for(var j=0;j<size-1;j++){ $(".banner .num").append("<li></li>"); } $(".banner .num li").first().addClass("on"); //为第一个li添加on的样式 // 鼠标划入圆点 $(".banner .num li").hover(function(){ var index=$(this).index(); i=index; $("