JS原生带小白点轮播图实例讲解
咱们刚刚说了js原生轮播图,现在给他加上可以随着一起走动的小圆点吧!
css代码:
*{ margin:0px; padding:0px; } ul{ width:2500px; height:300px; position:absolute; } li{ float:left; list-style:none; } img{ width:500px; height:300px; } div{ width:500px; height:300px; margin:50pxauto; position:relative; overflow:hidden; } /*小白点的ul*/ #round_ul{ width:300px; height:30px; /*background:yellow;*/ position:relative; margin:250pxauto; } #round_ulli{ width:20px; height:20px; border-radius:50%; background:#2196f3; margin-left:50px; cursor:pointer; }