京东轮播图

京东轮播图 *{margin: 0;padding: 0;} ul,ol{list-style: none;} .box{ width: 730px; height: 454px; margin: 100px auto; overflow: hidden; position: relative; } .circle{ position: absolute; left: 50%; margin-left: -50px; bottom: 10px; } .circle span{ float: left; width: 18px; height: 18px; border-radius: 50%; background-color: #66aaff; bottom: 10px; text-align: center; cursor: pointer; margin-right: 10px; } .circle span.current{ background-color: pink; } // window.onload = function () {// var scroll = document.getElementById("scroll");//声明一个ID// var circle = document.createElement("div");// 创建一个新的标签类// circle.className = "circle"; //标签增加一个类名“circle"// scroll.appendChild(circle); // 插入一个兄弟类// var ul = document.getElementById("ul");// 声明一个UL的变量// var lis = ul.children; // 获取 ul 变量中的所有子元素 并声明为lis变量//// alert(lis.length);// for(var i=0; i