原生JS轮播图
HTML代码 <div class="focus"> <!-- 左侧按钮 --> <a href="javascript:void(0);" class="arrow-l"> < </a> <!-- 右侧按钮 --> <a href="javascript:void(0);" class="arrow-r"> > </a> <ul> <li><img src="upload/focus.png"></li> <li><img src="upload/focus1.jpg"></li> <li><img src="upload/focus2.jpg"></li> <li><img src="upload/focus3.jpg"></li> </ul> <ol class="circle"></ol> </div> css代码 *{ margin: 0; padding: 0; } ol{list-style: none;} a{text-decoration: none;} .focus{ position: relative; float: left; width: 721px; height: 455px; background-color: blue; overflow: hidden; } .focus ul { position: absolute; top: 0;