dbox

用JS实现 点击并自动切换轮播图

|▌冷眼眸甩不掉的悲伤 提交于 2020-01-26 03:43:40
不是很难,直接附上代码,有注释 css代码: * { margin : 0 ; padding : 0 ; } li { list-style : none ; } .wrap { width : 1200px ; margin : 0 auto ; position : relative ; } .wrap .dbox { position : absolute ; right : 50px ; bottom : 20px ; overflow : hidden ; } .dbox li { width : 20px ; height : 20px ; background : #fff ; float : left ; border-radius : 50% ; margin : 0 10px ; } .dbox .dboxli { background : hotpink ; } .dimg img { width : 1200px ; height : 400px ; display : none ; } .dimg .imgli { display : block ; } JS代码: var wrap = document . getElementsByClassName ( "wrap" ) [ 0 ] ; var box = document .