Html
    Css
    Js


body {
	background:#000;
}
.rb_bottom,.rb_bottom .fy_y,.rb_bottom .pnbtn,.rb_bottom .previous,.rb_bottom .next {
	display:flex;
	justify-content:center;
	align-items:center;
}
.fy_y {
	width:24px;
	height:24px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #7baaa0;
	border-radius:50%;
	color:#4f4f4f;
	font-size:14px;
	font-weight:500;
	margin-right:12px;
	cursor:pointer;
}
.fy_d {
	width:8px;
	height:8px;
	border-radius:50%;
	background:#fff;
	margin-right:12px;
}
.selected {
	background:#164c86;
	color:#fff;
	border:0;
}
.pnbtn,.previous,.next {
	width:62px;
	height:31px;
	box-sizing:border-box;
	border:3px solid #fff;
	border-radius:10px;
	font-weight:500;
	font-size:14px;
	cursor:pointer;
	color:#fff;
}
.previous {
	margin:0 2px;
}

↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

jquery生成带省略号的分页页码(原创)

更新时间:2020-09-28 14:38:21

用jquery生成的分页页码,html和css可以按自己的喜欢改动

0