轮播------异形轮播

异行轮播的原理：位置的变化，更新下标。

1:读取每一个图片的位置，放在一个JSON数组里，并且把类数组lis转换成数组。

2:按钮控制当前图片们运动到前一位还是后一位，即让当前图片们的JSON样式变为前一位或者后一位的JSON样式。

3:让无法参与规律移动的，进行瞬移（如让A瞬间移动到G的后面）。

4:更改下标。

ps:采用的轮子：fetchComputedStyle计算样式与动画animate

html：为每个图片进行绝对定位

var yixing =  document.getElementById("abn");
		var rightBtn =  document.getElementById("rightBtn");
		var leftBtn =  document.getElementById("leftBtn");
		var lis = document.getElementsByTagName("li");

	 	var listArr = [];
	 	var JSONarr = [];
	 	// 读取每个的图片的位置，并且放在JSONarr 里
	 	//并且重新建立新的li数组，方便位移
	 	for(var i = 0; i 

黑色为图片，黄色为显示区域（用户看到的）