JQuery和html+css实现带小圆点和左右按钮的轮播图实例
是的!你没看错!还是轮播图。这次的JQuery的哟!!
CSS代码:
/*轮播图左右按钮小白点*/ #second_div{ margin-top:160px; } .img_box{ overflow:hidden; width:100%; height:420px; border:1pxsolid; position:relative; } .img_boximg{ width:100%; position:absolute; } .ul5{ list-style:none; position:absolute; left:580px; top:565px; } .ul5li{ float:left; margin-left:20px; width:40px; height:5px; border:0px; background:lawngreen; } .d1,.d2{ width:50px; height:60px; background-color:rgba(10,10,10,0.5); text-align:center; font-size:26px; font-weight:800px; line-height:60px; cursor:pointer; } .d1{ position:absolute; top:373px; left:25px; } .d2{ position:absolute; top:373px; left:1445px; }
HTML代码: