京东轮播图

京东轮播图 *{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