jqPageNavigater

首先要說明的是，這插件本來是寫給自己玩的，所以代碼質(zhì)量什么的是很渣的...各位大神別噴呀

這是一個簡單的jQuery 分頁欄，沒有實(shí)現(xiàn)很多的功能，樣式也很簡單，實(shí)現(xiàn)自定義比較方便，默認(rèn)給了幾個例子。如果你只是想要一個簡單的分頁組件，那可能這個就適合你。

如果哪里寫得不好，可以改進(jìn)的地方，歡迎各位大神指導(dǎo)小弟改進(jìn)

使用：

1. 導(dǎo)入相關(guān)文件

<script type="text/javascript" src="../JS/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../JS/jqPageNavigater.js"></script>
<link rel="stylesheet" type="text/css" href="../CSS/jqPageNavigater.css" />

<div class="pageNavigater"></div>

$(".pageNavigater").pageNavigater({
	pageNo:'15',//代表當(dāng)前頁碼，可以自行更改測試效果
	pageSize:'5', //每頁展示多少數(shù)據(jù)
	paginationSize:7,//分頁導(dǎo)航欄的長度
	totalNum:'100', //總共有多少數(shù)據(jù)
	callback:function(pageNo) {	//回調(diào)函數(shù)
		alert("this is page"+pageNo);
	}
});

樣式也很簡單，想要什么就自定義。

@CHARSET "UTF-8";
.btn_page{
	/*頁碼樣式*/
	text-decoration:none;
	margin-right: 8px;
}
.current_page{
	/*當(dāng)前頁碼樣式*/
	text-decoration:none;
	margin-right: 8px;
}
.prevPage{
	/*上一頁樣式*/
}
.lastPage{
	/*尾頁樣式*/
}
.firstPage {
	/*首頁樣式*/
}
.nextPage{
	/*下一頁樣式*/
}