Html
    Css
    Js

    
                        
:root {
	/* --theme-color:#ff8e33;
	*/
  --theme-color:#ff7601;
	--text-color:#333333;
	--title-color:#212224;
	--sub-title-color:#666666;
	--bg-color:#f0f0f0;
	--bg-target-color:#f6f7f9;
	--bg-nav-color:#090909;
	/* --border-color:#e2e2e2;
	*/
  --border-color:#f2f2f2;
	--font-size:14px;
	--font-size-title:30px;
	--content-width:1200px;
}
html {
	min-width:1300px;
	overflow:auto;
}
.wrapper {
	width:1200px;
	margin:0 auto;
}
body {
	min-width:1200px;
	overflow:auto;
}
/* 外面盒子样式---自己定义 */
        .page_div {
	width:80%;
	box-sizing:border-box;
	margin:20px 10px 20px 0;
	color:#666;
	text-align:center;
	padding-top:40px;
}
/* 页数按钮样式 */
        .page_div button {
	display:inline-block;
	min-width:30px;
	height:28px;
	cursor:pointer;
	color:#666;
	font-size:13px;
	line-height:28px;
	background-color:#f9f9f9;
	border:1px solid #dce0e0;
	text-align:center;
	margin:0 4px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
#firstPage,#lastPage,#nextPage,#prePage {
	width:50px;
	color:var(--theme-color);
	border:1px solid var(--theme-color)
}
#nextPage,#prePage {
	width:70px
}
.page_div .current {
	background-color:var(--theme-color);
	border-color:var(--theme-color);
	color:#FFF
}
/* 页面数量 */
        .totalPages {
	margin:0 10px
}
.totalPages span,.totalSize span {
	color:var(--theme-color);
	margin:0 5px
}
/*button禁用*/
        .page_div button:disabled {
	opacity:.5;
	cursor:no-
}

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

jquery分页代码

更新时间:2023-12-12 23:37:33

0