无缝轮播一:(精准版)
Js部分:
// 获得元素
var slider = document.getElementById("slider");
var ul = slider.children[0].children[0]; //
var ullis = ul.children; //所有的li
// 1、动态复制最后一张图
ul.appendChild(ullis[0].cloneNode(true)); //子节点一起克隆
// 2、动态生成小圆点
var ol = document.createElement("ol");
slider.appendChild(ol);
for (var i = 0; i < ullis.length - 1; i++) {
var li = document.createElement("li");
li.innerHTML = i + 1;
ol.appendChild(li);
}
ol.children[0].setAttribute("class", "current");
// 3、鼠标经过小圆点 圆点事件
var ollis = ol.children;
for (var i = 0; i < ollis.length; i++) {
ollis[i].index = i; // 自定义属性
ollis[i].onmouseover = function () {
for (var j = 0; j < ollis.length; j++) { // 去掉所有小圆点的class
ollis[j].remo