var unit = "px"; // 单位
var focusWidth = "511" + unit; // 轮播图的宽
var focusHeight = "193.666667" + unit; // 轮播图的高
var focusOlRight = "15" + unit; // 小点距左边框距离
var focusOlTop = "5" + unit; // 小点距右边框距离
var rotation_Speed = 3000; // 轮播图自动播放速度 毫秒
// 修改轮播图样式
function setRotation(focusWidth, focusHeight, focusOlRight, focusOlTop, rotation_Speed) {
	// if (unit != "" && unit != undefined && isNaN(unit))
	// 	unit = unit;
	// else unit = "px";

	if (focusWidth != "" && focusWidth != undefined && !isNaN(focusWidth))
		focusWidth = focusWidth + unit;
	else focusWidth = 511 + unit;

	if (focusHeight != "" && focusHeight != undefined && !isNaN(focusHeight)){
		$(".lb_l").css({
			"left": 0,
			"top": focusHeight / 2 - 50 + unit
		});
		$(".lb_r").css({
			"right": 0,
			"top": focusHeight / 2 - 50 + unit
		});
		focusHeight = focusHeight + unit;
	}
	else focusHeight = 193.666667 + unit;

	if (focusOlRight != "" && focusOlRight != undefined && !isNaN(focusOlRight))
		focusOlRight = focusOlRight + unit;
	else focusOlRight = 15 + unit;

	if (focusOlTop != "" && focusOlTop != undefined && !isNaN(focusOlTop))
		focusOlTop = focusOlTop + unit;
	else focusOlTop = 5 + unit;

	if (rotation_Speed != "" && rotation_Speed != undefined && !isNaN(rotation_Speed))
		rotation_Speed = rotation_Speed;
	else rotation_Speed = 2000;

	window.unit = unit;
	window.focusWidth = focusWidth;
	window.focusHeight = focusHeight;
	window.focusOlRight = focusOlRight;
	window.focusOlTop = focusOlTop;
	window.rotation_Speed = rotation_Speed;

}
$(function() {

	// 自动添加小圆点
	var index = 0; // 下标
	$(".focus>ul>li").each(function(i, element) {
		var li = $("<li></li>");
		li.attr("index", index++);
		li.css({
			"list-style-type": "none",
			"width": 8 + unit,
			"height": 8 + unit,
			"margin": "0 3" + unit,
			"border-radius": 5 + unit,
			"background": "#fff",
			"cursor": "pointer"
		});
		$(".focus&gt;ol").append(li);
	})
	$(".focus&gt;ol&gt;li")[0].style.width = "30px";

	var focus = $(".focus");
	var ul = $(".focus&gt;ul");
	var imgLi = $(".focus&gt;ul&gt;li");
	var lb_l = $(".lb_l");
	var lb_r = $(".lb_r");
	var ol = $(".focus&gt;ol");
	var yuanLi = $(".focus&gt;ol&gt;li");

	// 复制第一个图像
	$(imgLi[0]).clone().appendTo($(ul[0]));

	// 样式部分
	$("li").css("list-style-type", "none");
	$(".focus").css({
		"position": "relative",
		"width": focusWidth,
		"height": focusHeight,
		"margin-right": "50px",
		"overflow": "hidden",
		"box-sizing": "border-box"
	});
	var focusUlSize = 150 * $(".focus&gt;ul&gt;li").length + "%";
	$(".focus&gt;ul").css({
		"position": "absolute",
		"left": 0,
		"width": focusUlSize,
		"cursor": "pointer",
		"overflow": "hidden"
	});

	$(".focus&gt;ul&gt;li").css({
		"float": "left",
		"position": "relative"
	});
	$(".focus&gt;ul&gt;li&gt;p").css({
		"padding": "10px 15px",
		"background": "#CB121F",
		"color": "#fff",
		"font-size": "18px",
		"position": "absolute",
		"left": "0",
		"right": "0",
		"bottom": "0"
	});
	$(".focus&gt;ul&gt;li&gt;img").css({
		"width": focusWidth,
		"height": focusHeight
	});
	$(".focus&gt;ol").css({
		"position": "absolute",
		"display": "flex",
		"justify-content": "right",
		"right": focusOlRight,
		"bottom": focusOlTop
	});

	$(".lb_l,.lb_r").css({
		"position": "absolute",
		"display": "none",
		// "z-index": 10,
		"width": 50 + unit,
		"height": 100 + unit,
		"background-color": "rgba(0, 0, 0, .4)",
		"color": "#fff",
		"font-family": "黑体",
		"font-size": "28px",
		"text-align": "center",
		"line-height": 100 + unit,
		"user-select": "none",
		"cursor": "pointer"
	});
	$(".lb_l").css({
		"left": 0,
		"top": focusHeight / 2 - 50 + unit
	});
	$(".lb_r").css({
		"right": 0,
		"top": focusHeight / 2 - 50 + unit
	});

	// 轮播
	focus.mouseenter(function() {
		lb_l.show();
		lb_r.show();
		lb_l.hover(function() {
			lb_l[0].style.color = "red"
		}, function() {
			lb_l[0].style.color = "#fff"
		})
		lb_r.hover(function() {
			lb_r[0].style.color = "red"
		}, function() {
			lb_r[0].style.color = "#fff"
		});
		clearInterval(timer);
	})

	focus.mouseleave(function() {
		lb_l.hide();
		lb_r.hide();
		timer = setInterval(function() {
			lb_r.click();
		}, 3000);
	});
	var yidongjl = focus.outerWidth(); // 移动距离
	var num = 0; // 点击计数
	var flag = true; // 节流阀
	// 右箭头
	lb_r.click(function() {
		if (flag) {
			flag = false;
			if (num == imgLi.length) {
				ul[0].style.left = '0' + "px";
				num = 0;
			}
			num++;
			lj()
			move(ul[0], -num * yidongjl, function() {
				flag = true;
			});
		}
	});
	//左箭头
	lb_l.click(function() {
		if (flag) {
			flag = false;
			if (num == 0) {
				num = imgLi.length;
				ul[0].style.left = yidongjl * -num + "px";
			}
			num--;
			lj();
			move(ul[0], -num * yidongjl, function() {
				flag = true;
			});
		}
	});

	// 小圆点滚动
	yuanLi.click(function() {
		yuanLi.css({
			"width": "8px"
		})
		$(this).css({
			"width": "30px"
		})
		move(ul[0], -$(this).attr("index") * yidongjl);
		num = $(this).attr("index");
	});

	function lj() {
		yuanLi.css({
			"width": "8px"
		})
		var p = num &gt; imgLi.length - 1 ? 0 : num;
		yuanLi[p].style.width = "30px";
	}
	var timer = setInterval(function() {
		lb_r.click();
	}, rotation_Speed);
});

// 动画
function move(obj, target, callback) {
	clearInterval(obj.timer);
	obj.timer = setInterval(function() {
		var tam = (target - obj.offsetLeft) / 10;
		tam = tam &gt; 0 ? Math.ceil(tam) : Math.floor(tam);
		if (obj.offsetLeft ==  Math.ceil(target)) {
			if (callback) {
				callback();
			}
			clearInterval(obj.timer);
		};
		$(obj).css("left", obj.offsetLeft + tam + 'px');
		// obj.style.left = obj.offsetLeft + tam + 'px';
	}, 20);
}