JQuery和html+css实现带小圆点和左右按钮的轮播图

是的!你没看错!还是轮播图。这次的JQuery的哟!!

CSS代码:

/*轮播图 左右按钮 小白点*/
		#second_div{
		margin-top: 160px;
		}
		.img_box{
		overflow: hidden;
		width:100%;
		height:420px;
		border:1px solid;
		position:relative;
	}		
		.img_box img{
		width:100%;
		position:absolute;
	}		
		.ul5{
		list-style: none;
		position:absolute;
		left:580px;
		top:565px;
		}	
		.ul5 li{
		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代码:


<
>

  js代码:

    

就是这样的!你们懂了吗????

你可能感兴趣的:(前端)